const LOOKUP_SERVICE_HOST = 'lookup-service.whitehatgaming.com';
$(document).ready(function () {

/**
    In order to override the below Cookie Banner html, please define `window.cookieNoticeHtml` on specific site.
    @note Don't forget to add `id="CookieNoticeContainer"` to principal div,
          also `cookieNoticeGrantConsent()` and` closeCookieNoticePopup()` on buttons clicks.

    @example
    // on jsutils.php or any js file
    window.cookieNoticeHtml = `
    <div id="CookieNoticeContainer">
            <button onclick="cookieNoticeGrantConsent(); closeCookieNoticePopup()" data-action="cookies.notice.save">I accept additional cookies</button>
            <button onclick="closeCookieNoticePopup()" data-action="cookies.notice.save">Use essential cookies only</button>
        </div>
    `;
*/
    var cookieNoticeHtml = window.cookieNoticeHtml || `
        <div id="CookieNoticeContainer" class="cookie-notice-container brand-primary-background">
            <div class="cookie-notice-inner-container">
                <div class="cookie-notice-modal-header">
                    <p class="cookie-notice-title">Cookies on Hello Casino</p>
                    <p class="cookie-notice-text-content">We use essential cookies to make this website work. <br> We'd like to set additional cookies to understand how you use Hello Casino, remember your preferences, and display relevant advertisements.</p>
                </div>
                <div class="cookie-notice-actions-container">
                    <button class="btn cta-bankid" onclick="cookieNoticeGrantConsent(); closeCookieNoticePopup()" data-action="cookies.notice.save">I accept additional cookies</button>
                    <button class="btn cta-bankid" onclick="closeCookieNoticePopup()" data-action="cookies.notice.save">Use essential cookies only</button>
                    <a class="fit-link" href="/privacy" target="_blank">View cookie policy</a>
                </div>
            </div>
        </div>
    `;
    $('body').append(cookieNoticeHtml);
});
    $(document).ready(function () {
        $('body').on('click', '#register, #signup a, button#register, a[href="/?modal_reg"], [data-action="reg-show"]', function (e) {
            e.preventDefault();
            e.stopImmediatePropagation();
            window.location.href = '/create-account';
        });
    });

const GAMES_API = "https:\/\/game-service.whitehatgaming.com\/api";
const ENABLE_SCROLL_TOP_AFTER_WITHDRAW = true;

const USER_FLAG_TEST_GAMES = false;



setCookie('tzo',- new Date().getTimezoneOffset(),1)

var hostname = 'www.hellocasino.com';
var is_mobile = 0;
var isLoggedIn = false;
var pageInitialized = false;
var ip_trusted = 0;

var missingMarketingPrefs = false;

  /**
 * Validator and brute-force checksum generator for "Clave Bancaria Uniforme"
 * fromat used in the Argentinan banking system.
 *
 * Legal stuff at http://www.infoleg.gob.ar/infolegInternet/anexos/45000-49999/47564/norma.htm
 * Code based on https://gist.github.com/delucas/4526176
 * Universal loader based on https://gist.github.com/jrburke/1262861
 */

/* global define, window */

(function (define) {

  var cbuValidator = {};

  // Validation error codes
  cbuValidator.errorCode = {
    "OK": 0,
    "BAD_LENGTH": 1,
    "BAD_BANKBRANCH": 2,
    "BAD_ACCOUNT": 3
  };

  // Validate CBU code length
  cbuValidator.validateCBULength = function (cbu) {
    return cbu.length === 22;
  };

  // Validate the bank/branch section of a CBU
  cbuValidator.validateBankBranch = function (code) {
    if (code.length != 8) {
      return false;
    }
    var bank = code.substr(0, 3),
        checksum1 = code[3],
        branch = code.substr(4, 3),
        checksum2 = code[7],
        sum = bank[0] * 7 + bank[1] * 1 + bank[2] * 3 +
            checksum1 * 9 + branch[0] * 7 + branch[1] * 1 + branch[2] * 3,
        diff = 10 - (sum % 10);
    return diff == checksum2;
  };

  // Validate the account section of a CBU
  cbuValidator.validateAccount = function (num) {
    if (num.length != 14) {
      return false;
    }
    var checksum = num[13],
        sum = num[0] * 3 +
            num[1] * 9 + num[2] * 7 + num[3] * 1 + num[4] * 3 +
            num[5] * 9 + num[6] * 7 + num[7] * 1 + num[8] * 3 +
            num[9] * 9 + num[10] * 7 + num[11] * 1 + num[12] * 3,
        diff = 10 - (sum % 10);
    return diff == checksum;
  };

  // Validate a CBU code
  cbuValidator.validateCBU = function (cbu) {
    if (cbuValidator.validateCBULength(cbu)) {
      if (cbuValidator.validateBankBranch(cbu.substr(0, 8))) {
        if (cbuValidator.validateAccount(cbu.substr(8, 14))) {
          return cbuValidator.errorCode.OK;
        } else {
          return cbuValidator.errorCode.BAD_ACCOUNT;
        }
      } else {
        return cbuValidator.errorCode.BAD_BANKBRANCH;
      }
    } else {
      return cbuValidator.errorCode.BAD_LENGTH;
    }
  };

  // Tiny brute force bank + branch + checksums generator
  cbuValidator.getBankBranchCode = function (bank, branch) {
    if (bank.length !== 3 || branch.length !== 3) {
      return null;
    }
    for (var ck1 = 0; ck1 < 10; ck1++) {
      for (var ck2 = 0; ck2 < 10; ck2++) {
        var code = bank + ck1 + branch + ck2;
        if (cbuValidator.validateBankBranch(code)) {
          return code;
        }
      }
    }
  };

  // Tiny brute force account + checksum generator
  cbuValidator.getAccountCode = function (account) {
    if (account.length !== 13) {
      return null;
    }
    for (var ck = 0; ck < 10; ck++) {
      var code = account + ck;
      if (cbuValidator.validateAccount(code)) {
        return code;
      }
    }
  };

  // expose module interface
  define("cbuValidator", function () {
    return cbuValidator;
  });

})(typeof define === "function" && define.amd ? define : function (id, factory) {
  if (typeof module !== "undefined" && module.exports) {
    // Node.js
    module.exports = factory();
  } else {
    // Create a global function
    window[id] = factory();
  }
});
var reason = 'increase';
var actionid;

$(document).ready(function() {
    var sga = $('#deposit-limit-sga-period-info').length;
    if(sga){
        if($("#period").length && ($('#period option:selected').val() == "" || $('#value').val() == "")){
            toggleSubmit(false, '#generic-submit');
        }
        
        $(".deposit-limit-calc").change(function() {       
            processSGADepositLimitSelections();
        });

        $(".sga-answer").click(function () {
            var period = $('#period option:selected').val();
            var value = $('#value').val();
            
            if($(this).data("id")){
                recordDOCAudit(actionid, 'sga-doc-disagree', 'Disagreed for limit of '+value+' '+period+' - change disallowed');
                $("#editlimits").hide();
                $("#deposit-limit-sga-rg-"+reason).show();
                $("#deposit-limit-intro").hide();
                $("#deposit-limit-sga-period-info").hide();
                document.body.scrollTop = document.documentElement.scrollTop = 0;
            }
            else{
                recordDOCAudit(actionid, 'sga-doc-agree', 'Agreed for limit of '+value+' '+period+' - change allowed');
                //Submit form with tmp button in order to check password (required) is filled where required.
                var form = document.querySelector('#editlimits')
                var tmpSubmit = document.createElement('button')
                
                //If form is valid then hide the divs.
                if(form.checkValidity()){
                    $("#deposit-limit-sga-period-info").hide();
                    $("#deposit-limit-sga-duty-of-care").hide();
                    //Show submit again, incase password fails.
                    $("#deposit-limit-submit").show();
                    toggleSubmit(true, '#generic-submit');
                }
                
                form.appendChild(tmpSubmit)
                tmpSubmit.click()
                form.removeChild(tmpSubmit)
            }
        });
        
        $(".sga-select-limit-again").click(function () {
            $("#deposit-limit-sga-rg-init10k").hide();
            $("#deposit-limit-sga-rg-increase").hide();
            $("#editlimits").show();
            $("#deposit-limit-intro").show();
            $("#deposit-limit-sga-period-info").show();
        });
    }  
});

function processSGADepositLimitSelections(){
    var daily = 0, weekly = 0, monthly = 0;
    var period = $('#period option:selected').val();
    var value = $('#value').val();
    daily = value;
    var limit_set = $("#value").data("default");

    function updateSgaDepositLimitMessageVisibility(selectedDepositLimitValue) {
        var sgaDepositLimitThreshold = 5000;
        var parsedValue = parseInt(selectedDepositLimitValue, 10);
        var sgaDepositLimitsNoticeMessageShown = parsedValue > sgaDepositLimitThreshold;

        if(sgaDepositLimitsNoticeMessageShown) {
            $('#sga-deposit-limits-notice-message').show();
        }
        else {
            $('#sga-deposit-limits-notice-message').hide();
        }
    }

    if(value) {

        // updateSgaDepositLimitMessageVisibility(value);
        
        if(period){
            switch(period) {
                case 'daily':
                    weekly = value * 7;
                    monthly = value * 28;
                    break;
                case 'weekly':
                    weekly = value;
                    monthly = value * 4;
                    break;
                case 'monthly':
                    weekly = value;
                    monthly = value;
                    break;
            }

            $("#period_daily_amount").html(daily);
            $("#period_weekly_amount").html(weekly);
            $("#period_monthly_amount").html(monthly);
            $("#deposit-limit-sga-period-info").show();

            var current_period = $('#period').attr('data-period');
            var current_value = $('#value').attr('data-value')*1;
            var new_value_converted = $("#period_"+current_period+"_amount").html()*1;
            
            if(limit_set && monthly >= 10000){
                reason = 'init10k';
                toggleSubmit(false, '#generic-submit');
                $("#deposit-limit-submit").hide();
                recordDOCAction();
                $("#deposit-limit-sga-duty-of-care").show();
            }
            else if(new_value_converted > current_value){
                toggleSubmit(false, '#generic-submit');
                $("#deposit-limit-submit").hide();
                recordDOCAction();
                $("#deposit-limit-sga-duty-of-care").show();
            }
            else{
                $("#deposit-limit-sga-duty-of-care").hide();
                $("#deposit-limit-submit").show();
                toggleSubmit(true, '#generic-submit');
            }
        }
    }

}

function recordDOCAction(){
    callPlatformAPI('responsible-gambling-action', { actionType : 'sga-doc' }).then(function(response) {
        actionid = response.actionId;
    });
}

function recordDOCAudit(actionid, type, message){
    callPlatformAPI('responsible-gambling-audit', { actionId : actionid, auditType : type, message : message });
}

function toggleSubmit(toggle, id){       
    var mobileAction = toggle ? 'enable' : 'disable';

    if ($.mobile) { //required for jquery mobile!
        $(id).button().button(mobileAction);
    }
    else{
        $(id).prop('disabled', !toggle);
    }
}
$(document).ready(function() {
  // Make sure the kyc link is handled as normal as possible, needed as some site overwrite the default behaviour.
  // E.g. https://github.com/whitehatgaming/site-grandivy/blob/7c716173a42dc52e68c536dcbf0f1eb1a7124cbc/js-source/extras.js#L340
  window.addEventListener('click', e => {
    if (e.defaultPrevented && e.target.matches('#my-account-modal .user-details-kyc-redirect')) {
      if (e.target.target) {
        window.open(e.target.href, e.target.target);
      } else {
        window.location.href = e.target.href;
      }
    }
  });
});
$(document).ready(function() {

    setDepositLimitsFormCustomValidationMessages();
    setSelfExcludeFormCustomVaildationMessages();
    setTimeOutFormCustomVaildationMessages();

});

function setValidationMessage(el, validationErrorMap) {

    function findValidationMessage() {
        var validationKeys = Object.keys(validationErrorMap);

        for (var i = 0; i < validationKeys.length; i++) {
            if (el.validity[validationKeys[i]]) {
                return validationErrorMap[validationKeys[i]];
            };
        };

        return undefined;
    };

    /**
     * Update element title tooltip
     */
    el.onmouseover = function() {
        var validationMsg = findValidationMessage();
        $(this).title = validationMsg || '';
    };

     /**
     * Update validation message
     */
    [
        'oninput',
        'onchange',
        'oninvalid'
    ].forEach(function(methodKey) {
        el[methodKey] = function() {
            var validationMsg = findValidationMessage();

            el.setCustomValidity(validationMsg || '');
        };
    });
};

function setValidationCustomMessages(validationErrorConfig) {
    validationErrorConfig.filter(function(el) {
        var elementDefined = Boolean(el[0]);
        return elementDefined;
    }).forEach(function(elValidationSet) {
        var el = elValidationSet[0];

        var validationErrorMap = Object.keys(elValidationSet[1]).reduce(function (validationMessages, currentKey) {
            if (elValidationSet[1][currentKey] && elValidationSet[1][currentKey].indexOf('UNDEFINED_LANGUAGE_KEY') < 0) {
                validationMessages[currentKey] = elValidationSet[1][currentKey];
            }
            return validationMessages;
        }, {});

        setValidationMessage(el, validationErrorMap);
    });
}

function setDepositLimitsFormCustomValidationMessages() {
    var requiredAttr = 'data-validation-message-required';
    var minAttr = 'data-validation-message-min'
    var maxAttr = 'data-validation-message-max'

    var periodSelectEl = $('#editlimits #period');
    var amountInputEl = $('#editlimits #value');
    var passwordInputEl = $('#editlimits #password');

    var periodValidationMessageRequired = periodSelectEl.attr(requiredAttr);
    var amountValidationMessageRequired = amountInputEl.attr(requiredAttr);
    var amountValidationMessageMin = amountInputEl.attr(minAttr);
    var amountValidationMessageMax = amountInputEl.attr(maxAttr);
    var passwordValidationMessageRequired = passwordInputEl.attr(requiredAttr);

    /**
     * Passing first item of the jQuery (e.g. periodSelectEl[0]) picked element,
     * since it contains the native html element.
     */
    var validationErrorConfig = [
        [periodSelectEl[0], {
            valueMissing: periodValidationMessageRequired
        }],
        [amountInputEl[0], {
            valueMissing: amountValidationMessageRequired,
            rangeUnderflow: amountValidationMessageMin,
            rangeOverflow: amountValidationMessageMax
        }],
        [passwordInputEl[0], {
            valueMissing: passwordValidationMessageRequired
        }],
    ];

    setValidationCustomMessages(validationErrorConfig);
};

function setSelfExcludeFormCustomVaildationMessages() {
    var requiredAttr = 'data-validation-message-required';

    var periodSelectEl = $('#selfexclude-form #seperiod');
    var usernameInputEl = $('#selfexclude-form #seusername');
    var passwordInputEl = $('#selfexclude-form #sepassword');

    var periodValidationMessageRequired = periodSelectEl.attr(requiredAttr);
    var usernameValidationMessageRequired = usernameInputEl.attr(requiredAttr);
    var passwordValidationMessageRequired = passwordInputEl.attr(requiredAttr);

    /**
     * Passing first item of the jQuery (e.g. periodSelectEl[0]) picked element,
     * since it contains the native html element.
     */
    var validationErrorConfig = [
        [periodSelectEl[0], {
            valueMissing: periodValidationMessageRequired
        }],
        [usernameInputEl[0], {
            valueMissing: usernameValidationMessageRequired,
        }],
        [passwordInputEl[0], {
            valueMissing: passwordValidationMessageRequired
        }],
    ];

    setValidationCustomMessages(validationErrorConfig);
}

function setTimeOutFormCustomVaildationMessages() {
    var requiredAttr = 'data-validation-message-required';

    var periodSelectEl = $('#timeout-form #period');
    var passwordInputEl = $('#timeout-form #password');

    var periodValidationMessageRequired = periodSelectEl.attr(requiredAttr);
    var passwordValidationMessageRequired = passwordInputEl.attr(requiredAttr);

    /**
     * Passing first item of the jQuery (e.g. periodSelectEl[0]) picked element,
     * since it contains the native html element.
     */
    var validationErrorConfig = [
        [periodSelectEl[0], {
            valueMissing: periodValidationMessageRequired
        }],
        [passwordInputEl[0], {
            valueMissing: passwordValidationMessageRequired
        }],
    ];

    setValidationCustomMessages(validationErrorConfig);
}const observedItems = ["category-list", "game-element", "provider-list"];
$(window).on("load", async () => {
  await waitForAllElements(observedItems);
  setOnClickListeners();
});

function waitForAllElements(items) {
  return new Promise((resolve) => {
    const selectors = items.map((item) => `[data-observer="${item}"]`);

    const observer = new MutationObserver(() => {
      const foundElements = selectors.map((selector) => $(selector).get(0)).filter(Boolean);
      const allElementsFound = foundElements.length === selectors.length;
      if (allElementsFound) {
        observer.disconnect();
        resolve(foundElements);
      }
    });
    observer.observe(document.body, { attributes: true, childList: true, subtree: true });
  });
}

function setOnClickListeners() {
  $('[data-observer="category-list"]').on('click', function(event) {
    const category = $(event.target).closest("[data-category]").data("category");
    
    if (category) {
      const formattedCategory = category.toLowerCase().replace(/\s+/g, '-');
      updateURLParams('category', formattedCategory);
      removeURLParam('provider');
    }

    event.stopPropagation();
  });

  $('[data-observer="provider-list"]').on('click', function(event) {
    const provider = $(event.target).closest("[data-provider]").data("provider");
   
    if (provider) {
      const formattedProvider = provider.toLowerCase().replace(/\s+/g, '-');
      updateURLParams('provider', formattedProvider);
      updateURLParams('category', "provider");
    }
  
    event.stopPropagation();
  });
}

function updateURLParams(paramName, paramValue) {
  const url = new URL(window.location.href);
  url.searchParams.set(paramName, paramValue);
  window.history.replaceState(null, null, url);
}

function removeURLParam(paramName) {
  const url = new URL(window.location.href);
  url.searchParams.delete(paramName);
  window.history.replaceState(null, null, url);
}class SharedGamesAPI {
   constructor() {
      this.jurisdiction = $('body').attr('data-jurisdiction') || "mga";
      this.language = $('body').attr('data-language') || "en";
      this.country = $('body').attr('data-country') || "";
      this.brandID = 84;
      this.isMobile = false;
      this.deviceType = this.isMobile ? "MobileHTML" : "Desktop";
      this.currencySymbol = "&#8364;";
      this.currency = "EUR";
      this.imagePath = "\/\/scontent-wh.whitehatgaming.com\/images\/portrait\/";
   }

   cacheTime = 720; //Cache time

   setImagePath(path) {
      this.imagePath = path;
      return this;
   }

   getBlockUnfunded(){
      let blockUnfunded = false;
      if(this.country == 'GB'){
         blockUnfunded = true;
         const isGBuser = $('body').attr('data-isGBuser') || false;
         const isfunded = $('body').attr('data-isfunded') || false;

         if(isGBuser == 'true' && isfunded == 'true'){
            blockUnfunded = false;
         }
      }
      return blockUnfunded;
   }

   async fetchGamesData(brandID, deviceType, sort, provider) {

      let blockUnfunded = this.getBlockUnfunded();

      let data = {
         brandId: brandID || this.brandID,
         language: this.language,
         country: this.country,
         jurisdiction: this.jurisdiction,
         blockUnfunded: blockUnfunded,
         device: deviceType || this.deviceType
      };

      if(sort){
         data.sortBy = sort;
      }
      if(provider){
         data.providerTitle = provider;
      }
      if(USER_FLAG_TEST_GAMES){
         data.testMode = true;
      }

      try {
         const gamesDataURL = `${GAMES_API}/games`;
         const gamesData = await $.ajax({
            type: 'GET',
            url: gamesDataURL,
            dataType: 'json',
            contentType: 'application/json',
            data: data
         });
         return gamesData;
      } catch (error) {
         console.error("Error fetching games data:", error);
         throw new Error("Failed to fetch games data");
      }
   }

   async fetchCategoriesData(brandID, deviceType) {
      try {
         const categoryDataURL =  `${GAMES_API}/game-categories/brands/${brandID || this.brandID}`;
         const categoryData = await $.ajax({
            type: 'GET',
            url: categoryDataURL,
            data: {
               device: deviceType || this.deviceType
            },
            dataType: 'json'
         });
         return categoryData;
      } catch (error) {
         console.error("Error fetching category data:", error);
         throw new Error("Failed to fetch category data");
      }
   }

   resolveGameDataCache(gameUrl){
      return new Promise(function (resolve) {
         caches.has('GamesCache').then(function (hasCache) {
            if (!hasCache) {
               resolve(null);
               throw new Error("GamesCache not found");
            } else {
               caches.open('GamesCache').then(function (cache) {
                  cache.match(gameUrl).then(function (res) {
                     if (res === undefined) {
                        resolve(null);
                        throw new Error("Cache " + gameUrl + " not found");
                     }
                     return res.json();
                  }).then(function (games) {
                     resolve(games);
                  }).catch(function(){});
               });
            }
         }).catch(function(){});
      });
   }

   resolveCategoryDataCache(categoryUrl){
      return new Promise(function (resolve) {
         caches.has('CategoriesCache').then(function (hasCache) {
            if (!hasCache) {
               resolve(null);
               throw new Error("CategoriesCache not found");
            } else {
               caches.open('CategoriesCache').then(function (cache) {
                  cache.match(categoryUrl).then(function (res) {
                     if (res === undefined) {
                        resolve(null);
                        throw new Error("Cache " + categoryUrl + " not found");
                     }
                     return res.json();
                  }).then(function (categories) {
                     resolve(categories);
                  }).catch(function(){});
               });
            }
         }).catch(function(){});
      });
   }

   async processGameData(brandID, deviceType, sort, provider) {
     brandID = brandID || this.brandID;
     deviceType = deviceType || this.deviceType;
     let sortBy;
     if(sort){
      if (!['az', 'recent', 'rtp', 'top', 'mobiletop'].includes(sort)) {
         console.warn(`Sort option "${sort}" not supported`);
      }
      if(sort == 'az'){
         sortBy = 'name';
      }
      else if(sort == 'recent'){
         sortBy = 'createdAt';
      }
      else if(sort == 'rtp'){
         sortBy = sort;
      }
      else if(sort == 'top' || sort == 'mobiletop'){
         sortBy = 'mostPopular';
      }
     }

      try {
         const cache = $('body').attr('data-cache');
         let blockUnfunded = this.getBlockUnfunded();
         if(cache == '1'){

            if(sortBy){
               sortBy = '&sortBy='+sortBy;
            }
            else if(sortBy === undefined) sortBy='';

            if(provider){
               provider = '&providerTitle='+provider;
            }
            else if(provider === undefined) provider='';

            let testMode = '';  
            if(USER_FLAG_TEST_GAMES){
               testMode = '&testMode=true';
            }

            this.deleteOldCache();
            let gameUrl = `${GAMES_API}/games?brandId=${brandID}&language=${this.language}&country=${this.country}&jurisdiction=${this.jurisdiction}&blockUnfunded=${blockUnfunded}&device=${deviceType}${sortBy}${provider}${testMode}`;
            let categoryUrl = `${GAMES_API}/game-categories/brands/${brandID}?device=${deviceType}`;

            this.addToGameCache(gameUrl);
            const resGameData = this.resolveGameDataCache(gameUrl);
            this.addToCategoryCache(categoryUrl);
            const resCategoryData = this.resolveCategoryDataCache(categoryUrl);

            return resGameData.then(async retGames =>
            {

               return resCategoryData.then(async retCategories => {
                  let categories = null;
                  let games = null;
                  if(retCategories != null){
                     categories = retCategories;
                  }
                  else{
                     categories = await this.fetchCategoriesData(brandID, deviceType);
                  }

                  if(retGames != null){
                     return this.parseResponse(retGames,categories,deviceType);
                  }
                  else{
                     games = await this.fetchGamesData(brandID, deviceType, sortBy, provider);
                     return this.parseResponse(games,categories,deviceType);
                  }
               });
            });

         }
         else{
            let categories = await this.fetchCategoriesData(brandID, deviceType);
            let games = await this.fetchGamesData(brandID, deviceType, sortBy, provider);
            return this.parseResponse(games,categories,deviceType);
         }

      } catch (error) {

         console.error("Error processing game and categories data:", error);
         throw new Error("Failed to process game and categories data");
      }
   }

   parseResponse(gamesData,categoriesData,deviceType){
      let processedGameData = {
         categories: [],
         games: [],
         gamesByProvider: [],
         providers: [],
         providerKeys: [],
         searchResults: []
      };
      const gamesByCategory = [];
      const gamesWithProperties = [];
      const uniqueProviders = {};
      const uniqueProviderKeys = {};
      const currencySymbol = $('body').attr('data-currency-symbol') || $('body').attr('data-cursym') || this.currencySymbol;
      const currency = $('body').attr('data-currency-name') || $('body').attr('data-currency') || this.currency;
      const imageURL = $('body').attr('data-img-url') || this.imagePath;
      const categoriesById = {};

      categoriesData.forEach((category) => categoriesById[category.id] = category);

      gamesData.forEach((gameData) => {

         var launch = `javascript:launchGame(800, 600, '${gameData.game.launchCode}')`;
         if(deviceType == "MobileHTML"){
            if(gameData.game.distributor == 'iGaming2Go'){
               launch = `javascript:launchGame(800, 600, '${gameData.game.launchCode}','3')`;
            }
            else{
               launch = `javascript:launchGame(800, 600, '${gameData.game.launchCode}','2')`;
            }
         }

         const gameObj = {
            title: gameData.game.name,
            name: gameData.game.name,
            description: gameData.game.description,
            code: gameData.game.launchCode,
            launchcode: gameData.game.launchCode,
            image: `${imageURL + gameData.game.imageBackground}.webp`,
            provider: gameData.game.providerTitle,
            providerKey: gameData.game.provider,
            launch: launch,
            curSym: currencySymbol,
            currency: currency,
            jackpot: gameData.game.jackpot,
            date_added: gameData.game.updatedAt,
            rtp: gameData.game.rtp,
            categories: gameData.categories,
            jurisdictions: gameData.jurisdictions,
            subCategory_code: gameData.gameTags,
            seoName: gameData.game.seoName,
            fun_supported: gameData.game.funSupported,
            ghot: (gameData?.gameTags.includes("hot") ? 1:0),
            gnew: (gameData?.gameTags.includes("new") ? 1:0)
         };

         uniqueProviders[gameObj.provider] = true;
         uniqueProviderKeys[gameObj.providerKey] = true;

         gameData.categories.forEach((gameCategory) => {
            const categoryId = gameCategory.id;

            if (categoryId) {
               const matchingCategory = categoriesById[categoryId];

               if (matchingCategory) {
                  const existingCategoryIndex = gamesByCategory.findIndex((cat) => cat.category_id === matchingCategory.id);
                  const matchingGameCategory = gameObj.categories.find(cat => cat.id === matchingCategory.id);
                  if (existingCategoryIndex === -1) {

                     gamesByCategory.push({
                        code: matchingCategory.name,
                        category_id: matchingCategory.id,
                        games: [{
                           ...gameObj,
                           category_code: matchingCategory.name,
                           category_title: matchingCategory.title,
                           sequence: matchingGameCategory.seq
                        }],
                        title: matchingCategory.title,
                        seq: matchingCategory.seq
                     });
                  } else {
                     gamesByCategory[existingCategoryIndex].games.push({
                        ...gameObj,
                        category_code: matchingCategory.name,
                        category_title: matchingCategory.title,
                        sequence: matchingGameCategory.seq
                     });
                     gamesByCategory[existingCategoryIndex].games.sort((a, b) => (a.sequence || 0) - (b.sequence || 0));
                  }
               } else {
                  console.warn("Game", gameObj.title, "has an invalid category ID");
               }
            } else {
               console.warn("Game", gameObj.title, "does not have a valid category ID");
            }
         });
         gamesWithProperties.push(gameObj);
      });

      const uniqueGames = gamesWithProperties;
      const uniqueProvidersArray = Object.keys(uniqueProviders);
      const uniqueProviderKeysArray = Object.keys(uniqueProviderKeys);
      gamesByCategory.sort((a, b) => a.seq - b.seq);
      processedGameData.categories = gamesByCategory;
      processedGameData.games = uniqueGames;
      processedGameData.providers = uniqueProvidersArray;
      processedGameData.providerKeys = uniqueProviderKeysArray;
      processedGameData.gamesByProvider = this.groupBy(uniqueGames, 'provider');

      return processedGameData;
   }

   filterGamesByCategory(processedGameData, categoryCode) {
      if (!processedGameData || !processedGameData.categories) {
         console.error("Processed game data or categories not found.");
         return [];
      }

      const gamesByCategory = processedGameData.categories.find(cat => cat.code === categoryCode);

      if (!gamesByCategory) {
         console.warn(`No games found for category code: ${categoryCode}`);
         return [];
      }

      return gamesByCategory.games || [];
   }

   groupBy(array, prop) {
      return array.reduce(function(groups, item) {
         var existIndex = groups.findIndex(function(elem) {
            return elem.title === item[prop];
         });

         if (existIndex !== -1) {
            groups[existIndex].games.push(item);
         } else {
            groups.push({
               title: item[prop],
               code: item[prop].toLowerCase().replace(/ /g, '-'),
               games: [item]
            });
         }

         return groups;
      }, []);
   }

   // Cache AllGames locally
   addToGameCache(gameUrl) {
      var options = {
         method: 'GET',
         headers: new Headers({
            'Content-Type': 'application/json',
         }),
      };

      var hoursGame = moment().diff(moment(localStorage.getItem('cachedGameTime')), 'minutes');
      if(hoursGame > this.cacheTime || isNaN(hoursGame)){
         localStorage.setItem('cachedGameTime', Date()); // Simple Timer for GamesCache
      }

      caches.open('GamesCache').then(function (cache) {
         cache.add(
             gameUrl,
             options
         );
      });
   }

   // Cache AllGames locally
   addToCategoryCache(gameUrl) {
      var options = {
         method: 'GET',
         headers: new Headers({
            'Content-Type': 'application/json',
         }),
      };

      var hoursCategory = moment().diff(moment(localStorage.getItem('cachedCategoryTime')), 'minutes');

      if(hoursCategory > this.cacheTime || isNaN(hoursCategory)){
         localStorage.setItem('cachedCategoryTime', Date()); // Simple Timer for CategoryCache
      }

      caches.open('CategoriesCache').then(function (cache) {
         cache.add(
             gameUrl,
             options
         );
      });
   }

   // Refresh Cached Games and Categories if Older than 12 hours
   deleteOldCache() {
      if (localStorage.getItem('cachedGameTime')) {
         var hoursGame = moment().diff(moment(localStorage.getItem('cachedGameTime')), 'minutes');

         if (hoursGame > this.cacheTime) {
            caches.delete('GamesCache');
         }
      }
      else{
         // If GamesCache exists but isn't timed, delete.
         caches.delete('GamesCache');
      }

      if (localStorage.getItem('cachedCategoryTime')) {
         var hoursCategory = moment().diff(moment(localStorage.getItem('cachedCategoryTime')), 'minutes');

         if (hoursCategory > this.cacheTime) {
            caches.delete('CategoriesCache');
         }
      }
      else {
         // If CategoriesCache exists but isn't timed, delete.
         caches.delete('CategoriesCache');
      }
   }
}
const LOSS_LIMITS_FIELDS = ["#editlimits #generic-submit", "#editlimits #period", "#editlimits #value", "#editlimits #loss-limit-password"];
const LOSS_LIMITS_PAGE = "/?page=losslimit";

$(document).ready(function () {
    $("body").on("submit", ".loss-limit ", function (event) {

        var lang = getCookie("language") || "en";

        var lossLimitTranslations = {
            en: {
                titleCoolOff: "Cool off period request",
                messageCoolOff: "Your request gets in a 24 hour cool off period.",
                titleSuccessUpdate: "Loss limits",
                messageSuccessUpdate: "Your loss limits have been successfully updated.",
                areYouSureTitle: "Are you sure?",
                areYouSureYes: "Yes",
                areYouSureNo: "No",
            },
            fr: {
                titleCoolOff: "Demande de période de réflexion",
                messageCoolOff: "Votre demande entre dans une période de réflexion de 24 heures",
                titleSuccessUpdate: "Limites de pertes",
                messageSuccessUpdate: "Vos limites de perte ont été mises à jour avec succès.",
                areYouSureTitle: "Êtes-vous sûr?",
                areYouSureYes: "Oui",
                areYouSureNo: "Non",
            },
        };
        var thisForm = $(this);
        var returnUrl = null;
        event.preventDefault();
        var formData = thisForm.serialize();
        var sender = formData.split("sender=")[1].split("&")[0];
        var doSubmit = function () {
            toggleFields();
            showMainLoader();
            $("#edit-status").text("");

            var formData = thisForm.serialize();
            var payload = {};
            var sender = formData.split("sender=")[1].split("&")[0];
            var slugCall = "-update";
            switch (sender) {
                case "confirm":
                case "cancel":
                    actionId = formData.split("ref=")[1].split("&")[0];
                    payload = {
                        sessionid: getCookie("sid"),
                        action: parseInt(actionId),
                    };
                    slugCall = "-" + sender;
                    break;
                default:
                    payload = {
                        password: $("#loss-limit-password").val(),
                        sessionid: getCookie("sid"),
                        rglosslimit: {
                            period: $("#period").val(),
                            value: parseInt($("#value").val()),
                        },
                    };
                    break;
            }

            callPlatformAPI("rgloss-limit" + slugCall, payload)
                .then(function (data) {
                    function continueToNormalFlow() {
                        hideMainLoader();

                        if (data.type != "error") {
                            msg = data.message;
                            returnUrl = data.returnUrl ?? LOSS_LIMITS_PAGE;
                            $(".hide-on-success").hide();
                            thisForm[0].reset();

                            if (formData.indexOf("timeout") > -1) {
                                $(".modal-body .back-button, .modal-header .close, .modal-backdrop").click(function (e) {
                                    e.preventDefault();
                                    $("#my-account-modal").modal("hide");
                                    location.reload();
                                });

                                $(".modal-content").click(function (e) {
                                    e.stopPropagation();
                                });
                            }
                        } else {
                            msg = data.message;
                        }

                        setStatusMsg("edit-status", msg, data.status);

                        $(".deposit-limits-fields-container #edit-status").html(msg);

                        if (data.type != "error") {
                            $(".deposit-limits-fields-container #edit-status").addClass("success").removeClass("error");
                            var sender = formData.split("sender=")[1].split("&")[0];
                            var isConfirm = sender == "confirm";
                            var isUpdate = sender == "change";
                            var isCancel = sender == "cancel";
                            var confirmSuccess = false;
                            var hasCoolOff = false;
                            var updateCurrentDepositLimit = function () {
                                $.ajax({
                                    type: "GET",
                                    url: "/ajax/ajaxhandler.php",
                                    data: {
                                        req: "losslimit",
                                        sender: "current",
                                    },
                                    dataType: "json",
                                    encode: true,
                                })
                                    .done(function (data) {
                                        const successMessage = lossLimitTranslations[lang].messageSuccessUpdate;
                                        if (isConfirm) {
                                            // delete previous pending status item, as has been updated in db.
                                            const item = $(".limit-history-modal-list-item")

                                            if (item) {
                                              item[0]?.remove();
                                            }
                                        }

                                        // update limit history
                                        var newLimitHistoryItemHTML = data["latestlimithtml"] ? data["latestlimithtml"] : "";
                                        $(".limit-history-modal-list").prepend(newLimitHistoryItemHTML);
                                        $(".limit-history-no-result-list-item").remove();

                                        if (!is_mobile) {
                                            var buttonText = returnUrl ? "continue" : "ok";
                                            popup(
                                                "300",
                                                lossLimitTranslations[lang].titleSuccessUpdate,
                                                "<p>" + successMessage + "</p>",
                                                "true",
                                                "false",
                                                null,
                                                buttonText,
                                                returnUrl
                                            );
                                        } else {
                                            if (!alert(successMessage)) {
                                                window.location.href = returnUrl;
                                            }
                                        }

                                        var currentLimit = data["current_loss_limit"];
                                        $("#limitCurrent").html("Current Deposit Limit : " + currentLimit);

                                        $("#period").attr("value", data?.rglosslimit?.period);
                                        $("#value").attr("value", data?.rglosslimit?.value);
                                    })
                                    .fail(function (er) {
                                        console.warn("error:", er);
                                        toggleFields(false);
                                    });
                            };

                            if (isConfirm) {
                                confirmSuccess = data.status;
                            }

                            if (isUpdate) {
                                if (data.cooloff != 1) {
                                    updateCurrentDepositLimit();
                                } else {
                                    $("#editlimits")
                                        .find("input, select")
                                        .each(function () {
                                            $(this).attr("disabled", "disabled");
                                        });
                                    popup(
                                        "300",
                                        lossLimitTranslations[lang].titleCoolOff,
                                        "<span class='popup_cooloff_message'>" + lossLimitTranslations[lang].messageCoolOff + "</span>",
                                        "true",
                                        "false",
                                        "false",
                                        null,
                                        "/account"
                                    );
                                }
                            } else {
                                $("#pendingAndCoolOff").hide();

                                // Enable all fields
                                if (is_mobile) {
                                    $("#editlimits .deposit-limits-fields-container")
                                        .find(".input-div>div>div, .input-div>input, .action>div")
                                        .each(function () {
                                            $(this).attr("aria-disabled", "false");
                                            $(this).removeClass("ui-disabled");
                                        });
                                }
                                $("#editlimits")
                                    .find("input, select")
                                    .each(function () {
                                        $(this).removeAttr("disabled");
                                    });
                            }
                        } else {
                            $(".deposit-limits-fields-container #edit-status").addClass("error").removeClass("success");
                        }
                    }

                    continueToNormalFlow();
                })
                .fail(function (data) {
                    hideMainLoader();
                    setStatusMsg("edit-status", "Internal error has occured, please contact support", false);
                    console.warn("error:", data);
                });
        };

        var _this = this;

        var isInIframe = window.location != window.parent.location,
            targetDocument = isInIframe ? window.parent.document : window.document;

        if ($(this).attr("id").indexOf("cancellimits") > -1 || $(this).attr("id").indexOf("confirmlimits") > -1) {
            var message =
                '<div class="action popupBox__confirm" id="popupConfirmCancelDepositLimit"><a>' +
                lossLimitTranslations[lang].areYouSureYes +
                '</a></div><div class="action popupBox__cancel" id="popupCancelCancelDepositLimit"><a>' +
                lossLimitTranslations[lang].areYouSureNo +
                "</a></div>";

            popup("300", lossLimitTranslations[lang].areYouSureTitle, message, "false");

            var isInIframe = window.location != window.parent.location,
                targetDocument = isInIframe ? window.parent.document : window.document;

            $("#popupConfirmCancelDepositLimit a", targetDocument).click((e) => {
                e.preventDefault();
                doSubmit.call($(_this));
                $('#popupBox', targetDocument).remove();
          	    $('#overlay', targetDocument).hide();
            });

            $("#popupCancelCancelDepositLimit a", targetDocument).click((e) => {
                e.preventDefault();
                $('#popupBox', targetDocument).remove();
          	    $('#overlay', targetDocument).hide();
            });
        } else {
            doSubmit.call($(_this));
        }
    });
});

function toggleFields(disableFields = true) {
    LOSS_LIMITS_FIELDS.forEach((field) => {
        $(field).prop("disabled", disableFields);
    });

    $("#editlimits #loading-button").toggle();
    $("#editlimits #generic-submit").toggle();
}
$(document).ready(() => {
  if (window.location.href.includes("page=unsubscribe") || $('body').data('whg-page-id') === 'unsubscribe') {
    const urlParams = new URLSearchParams(window.location.search);
    const type = urlParams.get("type");
    const token = urlParams.get("token");

    if (!token || !type) {
      window.location.href = "/";
    } else {
      checkUnsubscribeType(type);
      unsubscribeEmail(type, token);
    }
  }

  $("#unsubscribe-form button").attr("disabled", true);

  $("#unsubscribe-form").submit((e) => {
    e.preventDefault();

    const type = $(this).data("type");
    const token = $(this).data("token");
    const preference = $(this).serializeArray()[0].value;

    const payload = {
      token: token,
      marketingPrefs: {},
    };

    if (preference === "all") {
      payload.marketingPrefs.crossMarketing = {};
      payload.marketingPrefs.brandMarketing = {};

      payload.marketingPrefs.brandMarketing[type] = false;
      payload.marketingPrefs.crossMarketing[type] = false;
    } else {
      payload.marketingPrefs[preference] = {};
      payload.marketingPrefs[preference][type] = false;
    }

    callPlatformAPI("user-marketing-update", payload).then((response) => {
      if (response.type === "error") {
        showMarketingError(response.message);
        return;
      }

      $("#unsubscribe-step-1").addClass("hidden");
      $("#unsubscribe-step-2").removeClass("hidden");
    });
  });

  $("#unsubscribe-form input").change((event) => {
    $('#unsubscribe-form button[type="submit"]').removeAttr("disabled");
  });
});

function unsubscribeEmail(type, token) {

  // Define mapping of unsubscribe types to their corresponding preference key and channel
  const UNSUBSCRIBE_TYPE_CONFIG = {
    email: { preferenceKey: 'brandMarketing', channel: 'email' },
    xemail: { preferenceKey: 'crossMarketing', channel: 'email' },
    cross: { preferenceKey: 'crossMarketing', channel: 'email' },
    sportsemail: { preferenceKey: 'sportsBrandMarketing', channel: 'email' },
    sportscross: { preferenceKey: 'sportsCrossMarketing', channel: 'email' },
    sms: { preferenceKey: 'brandMarketing', channel: 'sms' },
    crosssms: { preferenceKey: 'crossMarketing', channel: 'sms' },
    sportssms: { preferenceKey: 'sportsBrandMarketing', channel: 'sms' },
    sportscrosssms: { preferenceKey: 'sportsCrossMarketing', channel: 'sms' }
  };

  const config = UNSUBSCRIBE_TYPE_CONFIG[type];
  if (!config) {
    console.warn('[unsubscribeEmail] type not supported', type);
    return
  };

  const payload = {
    token: token,
    marketingPrefs: {
      [config.preferenceKey]: {
        [config.channel]: false,
      }
    }
  };

  callPlatformAPI("user-marketing-update", payload).then((response) => {
    if (response.type === "error") {
      showMarketingError(response.message);
      return;
    }

    showSuccessMessage();
  });
}

function checkUnsubscribeType(type) {
  const validEmailTypes = ['email', 'cross', 'sportsemail', 'sportscross'];
  const validSmsTypes = ['sms', 'crosssms', 'sportssms', 'sportscrosssms'];
  if (validEmailTypes.includes(type) || validSmsTypes.includes(type)) {
    return $("#unsubscribe-email").show();
  }

  if (type === "xemail") {
    return $("#unsubscribe-xemail").show();
  }

  $("#unsubscribe-container").show();
}

function showMarketingError(msg) {
  $(".marketing_prefs_error_msg").append(msg);
  $(".marketing_prefs_error").show();
  $(".email-container").hide();
}

function showSuccessMessage() {
  $(".email-success").show();
}
$(document).ready(function() {
    // Block checking an email/phone channel when the contact field is not yet set
    $('body').on('change', '#user-marketing-preferences input[type=checkbox]', function() {
        if (!window.contactMissingFields || !$(this).prop('checked')) {
            return;
        }

        var missing = window.contactMissingFields;
        var isEmailChannel = $(this).attr('name') === 'receiveEmail';
        var isPhoneChannel = $(this).attr('name') === 'receiveSms' || $(this).attr('name') === 'receivePhone';

        if ((isEmailChannel && missing.email) || (isPhoneChannel && missing.phone)) {
            $(this).prop('checked', false);
            var msg = isEmailChannel ? missing.errorEmail : missing.errorPhone;
            $('#marketing-preferences-status').text(msg).css('color', '#d32f2f').show();
            $('#contact-input-section').show();
        }
    });

    // Update user notifications
    $('body').on('submit', '#user-marketing-preferences', function(event) {
        event.preventDefault();

        $('#edit-notification-status').text("");
        showMainLoader();

        var brandMarketingFields = $('fieldset[name=brand-marketing-preferences]');
        var crossMarketingFields = $('fieldset[name=cross-marketing-preferences]');

        var formData = {
            marketingPrefs: {
                brandMarketing: {
                    sms: $('input[name=receiveSms]', brandMarketingFields).prop('checked'),
                    phone: $('input[name=receivePhone]', brandMarketingFields).prop('checked'),
                    post: $('input[name=receivePost]', brandMarketingFields).prop('checked'),
                    email: $('input[name=receiveEmail]', brandMarketingFields).prop('checked'),
                },
                crossMarketing: {
                    sms: $('input[name=receiveSms]', crossMarketingFields).prop('checked'),
                    phone: $('input[name=receivePhone]', crossMarketingFields).prop('checked'),
                    post: $('input[name=receivePost]', crossMarketingFields).prop('checked'),
                    email: $('input[name=receiveEmail]', crossMarketingFields).prop('checked'),
                }
            }
        }

        callPlatformAPI('user-marketing-update', formData).then((response) => {
            if (response.type === 'error'){
                return showMarketingError(response.message, response.code);
            }

            if ($('#user-marketing-preferences .action > div').length) {
                $('#user-marketing-preferences .action > div').addClass('ui-disabled');
            }
            else {
                $('#user-marketing-preferences input[type="submit"]').attr('disabled', true);
            }

            setStatusMsg("marketing-preferences-status", "Your account details have been successfully updated.", true);
        })
        .fail(function() {
            setStatusMsg("marketing-preferences-status", "<p>There was a problem updating your account details.</p><p>Error: Unknown</p>", true);
        })
        .always(function() {
            hideMainLoader();
        })
    });

    function showMarketingError(msgFallback, code){
        const errorMessages = {
            306: "Preference not saved: email and/or phone is missing. Please add your details before updating your communication preferences.",
            307: "Preference not saved: email and/or phone is missing. Please add your details before updating your communication preferences."
        }

        const message = errorMessages[code] || msgFallback
        const prefixMessage = "<p>There was a problem updating your account details.</p><p>Error: </p>"

        setStatusMsg("marketing-preferences-status", prefixMessage + message, true);
    }
});
$(document).ready(function(){

    var crossDiv = $(".marketing_prefs_cross_hide");
    var sureDiv = $('#marketing_prefs_optout_check');
    var stepCookie = 'marketing_prefs_email';

    //Check if stepCookie is set and skip first step if so.
    var cookieVal = getCookie(stepCookie);

    if(typeof cookieVal != 'undefined'){
        $("input[name=email][value=" + cookieVal + "]").prop('checked', true);
        $('#marketing_prefs_laws').hide();
        $('#marketing_prefs_part1').hide();
        $('#marketing_prefs_part2').show();
    }

    //Marketing prefs clicked - show hide cross marketing form.
    $(".optin").change(function() {
        var showCross = false;
        $('input.optin:checkbox').each(function(){
            if(this.checked){
                showCross = true;
                return;
            }
        });

        if(showCross){
            crossDiv.show();
            sureDiv.hide();
            updateMarketingCheckboxes($('#optout'));
            toggleMarketingSubmit($('input:radio[name="cross"]').is(':checked'), '', 2);
        }
        else{
            crossDiv.hide();
            toggleMarketingSubmit(false, '', 2);
        }
    });

    //Opt out clicked, untick other options and hide cross marketing.
    $("#optout").change(function() {

        if(this.checked){
            updateMarketingCheckboxes($('input.optin:checkbox'));

            crossDiv.hide();
            sureDiv.show();
            toggleMarketingSubmit(true, '', 2);
        }
        else{
            sureDiv.hide();
            toggleMarketingSubmit(false, '', 2);
        }
    });

    //Cross marketing selected, enable button.
    $('input:radio[name="cross"]').change(function() {
        if (this.checked) {
            toggleMarketingSubmit(true, '', 2);
        }
    });

    //Email Yes/No Step1, enable button.
    $('input:radio[name="email"]').change(function() {
        if (this.checked) {
            toggleMarketingSubmit(true, 1);
        }
    });

    //Law continue clicked on.
    $('#prefs_law_continue').click(function () {
        $('#marketing_prefs_laws').hide();
        $('.'+$(this).data( "show" )).show();
        document.body.scrollTop = document.documentElement.scrollTop = 0;
    });

    //Two step - email no selected - are you sure?
    $('.email_optin').change(function(){
        if(this.checked && this.value == 'no'){
            $('#marketing_prefs_email_optout_check').show();
        }
        else{
            $('#marketing_prefs_email_optout_check').hide();
        }
    });

    //Two step email chosen.
    $('#prefs_update1').click(function () {
        setCookie(stepCookie,$('input:radio[name="email"]:checked').val(),365);
        $('#marketing_prefs_part1').hide();
        $('#marketing_prefs_part2').show();
        document.body.scrollTop = document.documentElement.scrollTop = 0;
    });

    //? pressed on mobile.
    $('#prefs_cross_help').click(function() {
        var extraModalContainerClass = 'marketing-prefs-casino-family-explanation-popup';
        popup(
            300,
            "",
            '<p>'+decodeURIComponent(($(this).data('help')+'').replace(/\+/g, '%20'))+'</p>',
            'true',
            'false',
            extraModalContainerClass
        );
    });

    //Update (all) user settings.
    $('#prefs_update').click(function () {
        $('#marketing_prefs_error').hide();

        var brandPrefs = {};
        var crossPrefs = {};
        var brandOptedIn = $('input#optout:checked').length == 0;
        var crossOptedIn = $('input:radio[name="cross"]:checked').val() == "yes";
        var redirect = true;
        var redirectUrl = $(this).data('redirect-url') || "/";

        $('input.optin:checkbox').each(function(){
            brandPrefs[this.id] = this.checked;
            crossPrefs[this.id] = crossOptedIn ? this.checked : false;
        });

        if($(this).data('sender') == 'step2'){
            brandPrefs['email'] = $('input:radio[name="email"]:checked').val() == "yes" || typeof cookieVal != 'undefined' ? true : false;
            crossPrefs['email'] = crossOptedIn ? brandPrefs['email'] : false;
        }

        var ack = {
           'marketingPrefs' : {
               'brandMarketing': brandPrefs,
               'crossMarketing': crossPrefs
           }
        };

        if($('#token').val() != ''){
            redirect = false;
            ack['token'] = $('#token').val();
        }

        callPlatformAPI("user-marketing-update", ack)
        .done(function(data) {
            if (data.type == 'error') {
                showMarketingError(data.message, data.code);
            } else {
                removeCookie(stepCookie);
                if (redirect) {
                    window.location.href = redirectUrl;
                } else {
                    showMarketingUpdated();
                }
            }
        })
        .fail(function() {
            showMarketingError('Unknown error occurred.');
        })
    });


    function showMarketingError(msgFallback, code){
        const errorMessages = {
            306: "Preference not saved: email and/or phone is missing. Please add your details before updating your communication preferences.",
            307: "Preference not saved: email and/or phone is missing. Please add your details before updating your communication preferences."
        }

        const message = errorMessages[code] || msgFallback

        $('#marketing_prefs_error_msg').empty();
        $('#marketing_prefs_error_msg').append(message);
        $('#marketing_prefs_error').show();
    }

    function showMarketingUpdated(){
        $('.marketing_prefs_succss_hide').hide();
        $('#marketing_prefs_success').show();
        document.body.scrollTop = document.documentElement.scrollTop = 0;
    }

    function toggleMarketingSubmit(toggle, id='', step=""){

        toggle = marketingSubmitValidation(toggle, step);

        var mobileAction = toggle ? 'enable' : 'disable';

        if ($.mobile) { //required for jquery mobile!
            $('#prefs_update'+id).button().button(mobileAction);
        }
        else{
            $('#prefs_update'+id).prop('disabled', !toggle);
        }
    }

    function updateMarketingCheckboxes(element){
        if ($.mobile) { //required for jquery mobile!
            try{
                element.prop('checked', false).checkboxradio('refresh');
            }catch(err){
                element.prop('checked', false);
            }
        }else{
            element.prop('checked', false);
        }
    }

    function marketingSubmitValidation(toggle, step) {
        var twostep = $(".marketing-prefs-two-steps-modal").length > 0;

        // init variables for step 2 check
        var optin = $('input.optin:checkbox:checked').length > 0;
        var optout = $('input#optout:checked').length > 0;
        var cross = $('input:radio[name="cross"]:checked').length > 0;

        // if twostep template, step == 2 and one of the selections missing, disable submit.
        if( twostep && step==2 && !((optin || optout) && cross) ) {
            toggle = false;
        }

        return toggle;
    }
});
$(document).ready(function(){

    sendUserDataToApp();

    function sendUserDataToApp(){
        
        var data = {
            "userid"  :  "",
            "username" :  ""
        }
        
        if ("Android" in window && typeof Android.updateXtremePushData === 'function' && isLoggedIn) {
            Android.updateXtremePushData(JSON.stringify(data));
        }
        else if(window.webkit && window.webkit.messageHandlers && isLoggedIn){
            try{
                   webkit.messageHandlers.xtremepush.postMessage(data);
               }catch(err) {
                    console.log('The native context does not exist yet');
            }
        }
    }
});$(document).ready(function() {

    // MYACCOUNT
    // Update user notifications
    $('body').on('change', '#toggleOTPform input[name=otp]', function(event) {
        event.preventDefault();
        $('#toggle-otp-status').text("");
        showMainLoader();

        // done this way to prevent ide complaints of php syntax in js file, while still serving int
        var userId = parseInt("0"); 
 
        var formData = {
            settings: {
                "two-factor-required": $('#toggleOTPform input[name=otp]').prop('checked'),
            },
            userId : userId,
        }

        callPlatformAPI('user-security-settings/update', formData).then(function (response) {
            if(response.type != 'error') {
                setStatusMsg("toggle-otp-status", "Your account details have been successfully updated.", true);
            } else {
                setStatusMsg("toggle-otp-status", "<p>There was a problem updating your account details.</p><p>Error: Unknown</p>", true);
            }
        })
        .fail(function() {
            setStatusMsg("toggle-otp-status", "<p>There was a problem updating your account details.</p><p>Error: Unknown</p>", true);
        })
        .always(function() {
            hideMainLoader();
        })
    });

    // OTP PAGE
    var resendTimer,
        resendTimerCurrent,
        resendTimerAmount = 60,
        otpText = "Send a new code",
        otpTextTimer = "Send a new code in 60 secs",
        originalToken,
        error = {
            'error100': "Internal error has occured, please contact support",
            'error250': "Token provided is unknown.",
            'error251': "Token provided has already been used.",
            'error252': "Token provided has been cancelled.",
            'error253': "Token provided has expired."
        }

    checkToken();
    cleanTokens();

    $("#resend-otp").on("click", function(event){
        event.preventDefault();

        if(resendTimerCurrent != undefined) return;

        $('#error-msg').text("");

        var token = $("#otp-form input[name=token]").val();         

        var payload = {
            'token': token // current token to be replaced
        }

        callPlatformAPI('auth/2fa-refresh', payload).then(function (response) {
            if(response.type != "error") {
                $("#otp-form input[name=token]").val(response.token); // inject new token into token input

                localStorage.setItem("otp_" + originalToken, response.token); // save to be reloaded if page is refreshed

                startCountdown();
            } else {
                var errorText = error['error100']; // generic error

                if(error['error' + response.code]) { // specific response, if we have it
                    errorText = error['error' + response.code];
                }
                $('#error-msg').text(errorText);
            }
        })
    })

    function startCountdown(){
        if(resendTimerCurrent != undefined) return;

        resendTimerCurrent = resendTimerAmount;
            
        var resendButton = $('#resend-otp');

        resendButton.attr("disabled", 'true');
        resendButton.val(otpTextTimer); // preset timer text on button to not wait for 1st tick to change - desktop
        resendButton.siblings('span').children('span.ui-btn-text').html(otpTextTimer); // preset timer text on button to not wait for 1st tick to change - mobile

        resendTimer = setInterval(() => {
          if (resendTimerCurrent > 1) {
            resendTimerCurrent--;
            var newTimerText = otpTextTimer.replaceAll(/\d{1,2}/g, resendTimerCurrent);
            resendButton.val(newTimerText); // replace digits with timer count - desktop
            resendButton.siblings('span').children('span.ui-btn-text').html(newTimerText); // replace digits with timer count - mobile
            resendButton.attr("disabled", 'true');
          } else {
            clearInterval(resendTimer);
            resendButton.val(otpText); // set text to no timer text - desktop
            resendButton.siblings('span').children('span.ui-btn-text').html(otpText); // set text to no timer text - mobile
            resendTimerCurrent = undefined; // reset current
            resendButton.removeAttr("disabled");
          }
        }, 1000);
      }

      // if page is refreshed, php post call token will be reloaded, which has since been cancelled on refresh.
      // load saved refreshed token and insert into token input for use.
      function checkToken() {
        originalToken = $("#otp-form input[name=token]").val();  
        var lsToken = localStorage.getItem("otp_" + originalToken);

        if(lsToken) {
            $("#otp-form input[name=token]").val(lsToken);
        }
      }

      // since php handles the login, and does not have access to the localstorage to clear old tokens,
      // we clear old tokens on load of the otp page.
      // any otp tokens not associated with token currently being passed by php request is removed
      function cleanTokens() {
          var items = { ...localStorage };
          var filteredItems = Object.keys(items).filter(item => item.indexOf('otp_') !== -1 && item.indexOf(originalToken) == -1);

          filteredItems.forEach(function(item) {
            localStorage.removeItem(item);
          })
      }
});

    $(function() {

        var cashierScriptLoaded = false;
        var eventSet = false;

        var triggerElement = document.createElement("div")
        triggerElement.className = "whg-cashier-ui-open";
        triggerElement.style.display = "none";
        document.body.append(triggerElement);

        
        // WITHDRAWALS IN CASHIER

        console.log("withdrawals in cashier");

        var launcher = document.getElementsByTagName("whg-cashier-ui-launcher")[0];
        if (typeof(launcher) != 'undefined' && launcher != null)
        {
            var config = JSON.parse( launcher.getAttribute("config") );
            var withdrawalConfig = { ...config, mode:"withdraw" }

            var withdrawalTriggerElement = document.createElement("div")
            withdrawalTriggerElement.className = "whg-cashier-withdrawal-trigger";
            withdrawalTriggerElement.style.display = "none";
            document.body.append(withdrawalTriggerElement);

            function buttonClick(e){
                    e.preventDefault();
                    e.stopImmediatePropagation();
                    launcher.setAttribute("config", JSON.stringify(withdrawalConfig) );

                    if(!cashierScriptLoaded) {
                        $.getScript("https://scontent-wh.whitehatgaming.com/js/whg-cashier-ui-launcher/whg-cashier-ui-launcher.min.js" ,function() {
                            cashierScriptLoaded = true;
                            $('#popupBox').remove();
                            $('#overlay').hide();
                            $(withdrawalTriggerElement).trigger('click');
                            if(!eventSet) {
                                var cashierCloseButton = document.getElementById("cashier-ui-close");
                                cashierCloseButton.addEventListener("click", function() {
                                    launcher.setAttribute("config", JSON.stringify(config));
                                    if (false) {
                                        window.postMessage('WHG_BALANCE_REFRESH', '*');
                                    }
                                });
                                eventSet = true;
                            }
                        });
                    } else {
                        $(withdrawalTriggerElement).trigger('click');
                    }
            }

            document.body.addEventListener('click', (e) => {
                
            const link = e.target.closest('a');
            const targetSpan = document.getElementById('withdraw');
            if (e.target.matches('a[href="/index.php?page=withdraw"], a[href="index.php?page=withdraw"], a[href*="?page=withdraw"], span#account-withdraw, span#withdraw, a[href*="/withdraw"]' )) {
                const modalCloseBtn = document.querySelector('#my-account-modal .close');
                if (modalCloseBtn) {
                    modalCloseBtn.click();
                }
                buttonClick(e);
            }
            else if (e.target instanceof HTMLSpanElement && e.target.parentElement instanceof HTMLAnchorElement
                && link && link.href.includes('/withdraw')) {
                buttonClick(e);
            }
            else if(e.target.matches('a[href^="/index.php?page=withdraw#"]')){
                const modalCloseBtn = document.querySelector('#my-account-modal .close');
                if (modalCloseBtn) {
                    modalCloseBtn.click();
                }
                buttonClick(e);
            }
            else if (targetSpan && targetSpan.contains(e.target)) {
                buttonClick(e);
            }
            
            });
        }

        

        $('body').on('click', 'a[href="/index.php?page=deposit"], a[href="/?page=deposit&gameret=1"], a[href="index.php?page=deposit"], a[href="/deposit"], a[href="/deposit/"], .profile-top-buttons .deposit-btn, .cashier-link', function (e) {
            e.preventDefault();
            e.stopImmediatePropagation();

            if(!cashierScriptLoaded){
                $.getScript("https://scontent-wh.whitehatgaming.com/js/whg-cashier-ui-launcher/whg-cashier-ui-launcher.min.js", function(data, textStatus, jqxhr) {
                    $('#popupBox').remove();
                    $('#overlay').hide();

                    setTimeout(function() {
                                                    $(triggerElement).trigger('click');
                                                if(!eventSet) {
                            var cashierCloseButton = document.getElementById("cashier-ui-close");
                            cashierCloseButton.addEventListener("click", function() {
                                if (typeof launcher !== 'undefined' && typeof config !== 'undefined') {
                                    launcher.setAttribute("config", JSON.stringify(config));
                                }
                                if (false) {
                                    window.postMessage('WHG_BALANCE_REFRESH', '*');
                                }
                            });
                            eventSet = true;
                        }
                    }, 1000);
                });

                cashierScriptLoaded = true;

            } else {
                                $(triggerElement).trigger('click');
                            }

        });

        if(window.location.href.search('cashier=1') !== -1 && !window.location.href.includes('/message')) {
            if (false) {
                if (!cashierScriptLoaded){
                    $.getScript("https://scontent-wh.whitehatgaming.com/js/whg-cashier-ui-launcher/whg-cashier-ui-launcher.min.js", function(data, textStatus, jqxhr) {
                                                    showCashierOnPostmessage();
                                            });
                }
            } else {
                window.location = "/index.php?page=login&sender=deposit";
            }
        }


        function showCashierOnPostmessage() {
            function messageListener(event) {
                if (event.data == 'cashier-ready') {
                    console.log('post message ready');
                    $('.whg-cashier-ui-open').trigger('click');
                    window.removeEventListener('message', messageListener);
                }
            }
            window.addEventListener('message', messageListener, false);
            console.log('showCashierOnPostmessage');
        }

            });

/**
 * PhonePrefixSelector - Reusable phone prefix dropdown with caching and search
 *
 * @description
 * Fetches phone prefixes from lookup-service API, caches for 12 hours,
 * deduplicates by prefix, sorts numerically, and renders to select element.
 * Optionally supports search filtering and remembers user's last selection.
 *
 * @requires LOOKUP_SERVICE_HOST - PHP constant injected via jsutils.php
 * @requires jQuery
 * @requires setCookie/getCookie - Global functions from jsutils.php
 *
 * @example Basic usage (native select, no search)
 *   const selector = new PhonePrefixSelector({
 *     selectElement: '#phone_prefix',
 *     defaultCountry: 'GB',
 *     existingPrefix: '44'
 *   });
 *
 * @example With search enabled
 *   // HTML: <input class="phone-prefix-search" placeholder="Search..." />
 *   //       <select id="phone_prefix"></select>
 *   const selector = new PhonePrefixSelector({
 *     selectElement: '#phone_prefix',
 *     enableSearch: true,
 *     defaultCountry: 'GB'
 *   });
 *
 * @example Custom cache TTL
 *   const selector = new PhonePrefixSelector({
 *     selectElement: '#phone_prefix',
 *     cacheTTL: 1440  // Cache for 24 hours instead of default 12
 *   });
 *
 * @example Get/set values programmatically
 *   const selector = new PhonePrefixSelector({ selectElement: '#phone_prefix' });
 *
 *   // Get selected prefix
 *   const prefix = selector.getValue();  // Returns "44"
 *
 *   // Set prefix programmatically
 *   selector.setValue('1');  // Sets to US +1
 *
 *   // Force refresh (flush cache and re-fetch)
 *   selector.refresh();
 *
 *   // Cleanup when done
 *   selector.destroy();
 *
 * @param {Object} options Configuration options
 * @param {string|jQuery} options.selectElement - CSS selector or jQuery element for <select>
 * @param {number} [options.cacheTTL=720] - Cache time-to-live in minutes (default 12 hours)
 * @param {boolean} [options.enableSearch=false] - Enable search filtering (requires .phone-prefix-search input)
 * @param {string} [options.defaultCountry] - ISO country code to pre-select (e.g., 'GB', 'US')
 * @param {string} [options.existingPrefix] - Existing phone prefix to pre-select (e.g., '44')
 */
class PhonePrefixSelector {
  constructor(options = {}) {
    // Configuration
    this.selectElement = options.selectElement;
    this.cacheKey = 'phone_prefix_cache_v1';
    this.cacheTTL = options.cacheTTL || 720;  // 12 hours
    this.prefKey = 'phone_prefix_last_selected';
    this.enableSearch = options.enableSearch || false;
    this.searchDebounce = 500;
    this.defaultCountry = options.defaultCountry;
    this.existingPrefix = options.existingPrefix;

    // State
    this.countries = [];
    this.phonePrefixes = [];
    this.filteredPrefixes = [];
    this.searchTimeout = null;

    // Verify element exists
    const $element = $(this.selectElement);
    if (!$element.length) {
      console.error('PhonePrefixSelector: Element not found:', this.selectElement);
      return;
    }

    // Initialize
    this.init();
  }

  // === INITIALIZATION ===
  init() {
    // Show loading state
    $(this.selectElement).html('<option value="" disabled selected>Loading...</option>');

    // Fetch and render asynchronously
    this.fetchCountries()
      .then((countries) => {
        this.countries = countries;
        this.phonePrefixes = this.transformCountriesToPrefixes(this.countries);
        this.filteredPrefixes = [...this.phonePrefixes];

        this.renderSelect();

        if (this.enableSearch) {
          this.setupSearch();
        }

        this.bindEvents();
      })
      .catch((error) => {
        console.error('PhonePrefixSelector: Failed to load prefixes', error);
        $(this.selectElement).html('<option value="" disabled selected>+</option>');
      });
  }

  // === CACHING ===
  getCachedData() {
    try {
      const cached = sessionStorage.getItem(this.cacheKey);
      if (!cached) return null;

      const data = JSON.parse(cached);
      if (this.isCacheExpired(data.timestamp)) {
        this.flushCache();
        return null;
      }

      return data.countries;
    } catch (e) {
      return null;
    }
  }

  setCachedData(countries) {
    try {
      const data = {
        countries: countries,
        timestamp: Date.now(),
        version: 1
      };
      sessionStorage.setItem(this.cacheKey, JSON.stringify(data));
    } catch (e) {
      console.error('Cache write error:', e);
    }
  }

  isCacheExpired(timestamp) {
    const ageMinutes = (Date.now() - timestamp) / 1000 / 60;
    return ageMinutes > this.cacheTTL;
  }

  flushCache() {
    sessionStorage.removeItem(this.cacheKey);
  }

  // === DATA FETCHING ===
  fetchCountries() {
    const cached = this.getCachedData();
    if (cached) {
      return Promise.resolve(cached);
    }

    // LOOKUP_SERVICE_HOST is injected by jsutils.php as global constant
    if (typeof LOOKUP_SERVICE_HOST === 'undefined') {
      return Promise.reject(new Error('LOOKUP_SERVICE_HOST not defined'));
    }

    return new Promise((resolve, reject) => {
      $.ajax({
        url: `https://${LOOKUP_SERVICE_HOST}/api/static_data/countries`,
        method: 'GET',
        dataType: 'json',
        timeout: 10000
      })
      .done((countries) => {
        this.setCachedData(countries);
        resolve(countries);
      })
      .fail((xhr, status, error) => {
        console.error('PhonePrefixSelector: API request failed', error);
        reject(error);
      });
    });
  }

  // === DATA TRANSFORMATION ===
  transformCountriesToPrefixes(countries) {
    const countriesWithPrefixes = countries.filter(c => c.telPrefix);
    const prefixMap = {};

    countriesWithPrefixes.forEach(country => {
      const prefix = country.telPrefix;
      if (!prefixMap[prefix]) {
        prefixMap[prefix] = {
          value: prefix,
          label: `+${prefix}`,
          countryCodes: [],
          countryNames: [],
          isRestricted: country.isRestricted || false
        };
      }
      prefixMap[prefix].countryCodes.push(country.countryCode);
      prefixMap[prefix].countryNames.push(country.countryName);
    });

    return Object.values(prefixMap)
      .sort((a, b) => parseInt(a.value) - parseInt(b.value));
  }

  // === SEARCH/FILTER ===
  filterPrefixes(searchTerm) {
    if (!searchTerm || searchTerm.trim() === '') {
      this.filteredPrefixes = [...this.phonePrefixes];
      return;
    }

    const searchTermLower = searchTerm.trim().toLowerCase();
    this.filteredPrefixes = this.phonePrefixes.filter(prefix =>
      prefix.value.toLowerCase().includes(searchTermLower) ||
      prefix.countryNames.some(name => name.toLowerCase().includes(searchTermLower))
    );
  }

  setupSearch() {
    const $search = $(this.selectElement).siblings('.phone-prefix-search');
    if (!$search.length) return;

    $search.on('input', (e) => {
      clearTimeout(this.searchTimeout);
      this.searchTimeout = setTimeout(() => {
        this.filterPrefixes(e.target.value);
        this.renderSelect();
      }, this.searchDebounce);
    });
  }

  // === RENDERING ===
  renderSelect() {
    const $select = $(this.selectElement);
    const prefixes = this.filteredPrefixes.length ? this.filteredPrefixes : this.phonePrefixes;

    $select.empty();

    // Determine single prefix to select based on precedence
    const selectedPrefix = this.determineDefaultPrefix(prefixes);

    // Add placeholder only if nothing will be selected
    if (!selectedPrefix) {
      $select.append('<option value="" disabled selected>+</option>');
    }

    prefixes.forEach(prefix => {
      const displayText = this.enableSearch
        ? `${prefix.label} (${prefix.countryNames.join(', ')})`
        : prefix.label;

      const $option = $('<option>')
        .attr('value', prefix.value)
        .text(displayText);

      if (selectedPrefix && prefix.value === selectedPrefix) {
        $option.attr('selected', 'selected');
      }

      $select.append($option);
    });
  }

  determineDefaultPrefix(prefixes) {
    // Precedence: existingPrefix > defaultCountry > lastSelected

    // 1. Existing prefix (highest priority)
    if (this.existingPrefix) {
      const match = prefixes.find(p => p.value === this.existingPrefix);
      if (match) return match.value;
    }

    // 2. Default country
    if (this.defaultCountry) {
      const match = prefixes.find(p =>
        p.countryCodes.includes(this.defaultCountry) && !p.isRestricted
      );
      if (match) return match.value;
    }

    // 3. Last selected preference
    const lastSelected = this.getLastSelectedPrefix();
    if (lastSelected) {
      const match = prefixes.find(p => p.value === lastSelected);
      if (match) return match.value;
    }

    return null;
  }

  // === USER PREFERENCES ===
  saveUserPreference(prefix) {
    try {
      localStorage.setItem(this.prefKey, prefix);
    } catch (e) {
      // Fallback to cookie if localStorage unavailable
      if (typeof setCookie === 'function') {
        setCookie(this.prefKey, prefix, 365);
      }
    }
  }

  getLastSelectedPrefix() {
    try {
      return localStorage.getItem(this.prefKey);
    } catch (e) {
      // Fallback to cookie
      if (typeof getCookie === 'function') {
        return getCookie(this.prefKey);
      }
      return null;
    }
  }

  // === EVENT HANDLING ===
  bindEvents() {
    $(this.selectElement).on('change.phonePrefixSelector', (e) => {
      const selectedPrefix = e.target.value;
      if (selectedPrefix) {
        this.saveUserPreference(selectedPrefix);
      }
    });
  }

  // === CLEANUP ===
  destroy() {
    $(this.selectElement).off('.phonePrefixSelector');
    if (this.searchTimeout) {
      clearTimeout(this.searchTimeout);
    }
  }

  // === PUBLIC API ===
  getValue() {
    return $(this.selectElement).val();
  }

  setValue(prefix) {
    $(this.selectElement).val(prefix).trigger('change');
  }

  refresh() {
    this.flushCache();
    this.init();
  }
}
$(function(){
    $('body').on('click', '.view-provider-games', function(e){
        e.stopImmediatePropagation();
        var bonusId = parseInt($(this).attr("data-provider"));
        $(this).toggleClass("expanded-list");
        if($(this).hasClass("expanded-list")){
            $(this).text("view less Games");
            getFreespins().then(function(awards){
                renderFreeSpinGames(awards,bonusId);
            });
        }
        else {
            $(this).text("view all games");
            $("#"+bonusId+" .freespin-game").each(function(index, el){
                $(this).find("img").removeClass("expanded-item");
                if(index > 6){
                    el.remove();
                }
            });
        }
    });
});

function getFreespins(){
    return new Promise(function(resolve){
        var sessionId = "";
        callPlatformAPI('listfreespins',{
            sessionid: sessionId,
            shouldListGames: true
        }).done(function(freespins){
            var awards = freespins.awards;
            resolve(awards);
        });
    });
}

function renderFreeSpinGames(bonusSpins, bonusId){
    bonusSpins.forEach(award => {
        if(bonusId === award.id){
            $("#"+bonusId+"").empty();
            award.games.forEach(game => {
                var gameComponent = "<div class='freespin-game'>\
                <a class='row-image-link' href='/play/"+game.launchCode.toLowerCase()+"'>\
                <img class='freespin-image expanded-item' src='//scontent-wh.whitehatgaming.com/images/portrait/"+game.launchCode+".jpg' alt='"+game.title+"' loading='lazy'/>\
                </a>\
                </div>";
                $("#"+bonusId+"").append(gameComponent);
            });
        }
    });
}function preventKeyEnterIfNotDigit(event) {
  if (!new RegExp('^[0-9]*$').test(event.key)) {
    event.preventDefault();
  }
}
function inIframe () {
    try {
        return window.self !== window.top;
    } catch (e) {
        return true;
    }
}

function callPlatformAPI( requestType, payload) {

    if(payload['brand']) {
        payload['brand'] = 84;
    }
                payload['brand'] = 84;
    
    const ajaxOptions = {
        type: "POST",
        url: "//platform.whitehatgaming.com/platform/usergateway/" + requestType,
        data: JSON.stringify(payload),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        jsonp: false
    }

    
    
	return $.ajax(ajaxOptions);
}

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");

    const nameRegex = new RegExp("[\\?&]" + name + "=([^&#]*)");
    const results = nameRegex.exec(location.href);
    const decoded = results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    const sanitizedParameter = decoded.replace(/[^\w\- ]/g, '');

    return sanitizedParameter;
}

function updateSiteBalance()
{
    if (inIframe() && typeof updateBalanceParent == 'function' && !pageInitialized) {
        updateBalanceParent();
    }
    else if(typeof updateBalance == 'function' && !pageInitialized) {
        updateBalance();
    }

    pageInitialized = true; //This prevents calling the function twice, can happen in jquery mobile.
}

//Used to get parameters from the location url.
function getUrlParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return sParameterName[1];
        }
    }
}

// This function is used mostly for scroll to a custom section of terms page
// TODO: rename this later to smth more feasible, if possible with high backwards-compat
function scrollToElement(headerH, isOfset) {

	headerH = headerH || 0;

	var name = getParameterByName('scrollTo');

	var $scrollToElement = $("[name='" + name + "']");

	if($scrollToElement.length) {

		var topPos = isOfset ? $scrollToElement.offset().top : $scrollToElement.position().top;

        setTimeout(function(){
            var scrollTarget = topPos - headerH;
            // Primary path: native scroll API. The jQuery animate below stops
            // working on sites that set `scroll-behavior: smooth` on html/body
            // (e.g. slotsi) — the per-frame scrollTop writes fight the browser's
            // own smooth-scroll and the tween never settles, so the page stays put.
            if (typeof window.scrollTo === 'function') {
                try {
                    window.scrollTo({ top: scrollTarget, left: 0, behavior: 'smooth' });
                    return;
                } catch (e) {
                    // Older browsers throw on the options-object form — fall through to the jQuery fallback.
                }
            }
            // Fallback for very old browsers where window.scrollTo({...}) throws.
            // Those browsers don't support `scroll-behavior: smooth` either, so
            // the issue above doesn't apply and the original jQuery animate works.
            $('html, body').animate({
                scrollTop: scrollTarget
            }, 1000);
        }, 1000)
	}

}



//Used for pop up messages/alerts.
var submitdown = false;
$(function(){

    var $headerElementsFound = $('#header, header');
    var assumedHeaderHeight = 80;
    var resolvedHeaderHeight = $headerElementsFound.length > 0 ? $headerElementsFound.eq(0).height() : assumedHeaderHeight;

    scrollToElement(resolvedHeaderHeight);

    var updateBalances = function(){
        var isPnpPJourneyStarted = window.localStorage.getItem('pnpJourney') === 'PNP_JOURNEY_STARTED';
        if(!isPnpPJourneyStarted) {
            if (false) {
                window.postMessage('WHG_BALANCE_REFRESH', '*');
            }
            $.get( "/ajax/getbalance.php", function(response) {
                if(response.cash) {
                    document.querySelectorAll('#balance').forEach(e => e.textContent = response.cash);
                    document.querySelectorAll('#bonus_balance').forEach(e => e.textContent = response.bonus);
                    document.querySelectorAll('#total_balance').forEach(e => e.textContent = response.total);

                    setTimeout(function(){
                        updateBalances();
                    }, 5000);
                } else {
                    //Session no longer valid, redirect user to home page. PHP check session can handle any additional logic here.
                    let page = $("body").data("whg-page-id");
                    if (!page) {
                        page = $("body").data('page-id');
                    }

                    if (page?.startsWith("p-")) {
                        page = page.substring(2)
                    }

                    if (page !== 'selfexclude' && !isPnpPJourneyStarted) {
                        window.location.href = '/';
                    }
                }
            });
        } else {
            setTimeout(function(){
                updateBalances();
            }, 5000);
        }
    };

    $(document).keypress(function(e) {
		if (eval("typeof clear_overlay == 'function'")) {
			if (!clear_overlay()) return;
		}
		if ($('#overlay').length > 0) {
			var keycode = null;

			if (e==null) keycode = e.keyCode;
			else keycode = e.keyCode;
			if(keycode==27) {
				close_popup();
			}
		}
	});

    $('body').on('click', '.close-popup, .close-popup-fun, #close-popup', function(e) {
		e.preventDefault();
		$('#popupBox').remove();
		$('#overlay').hide();
	});

    $(document).ready(function() {
        var hasABalanceElement = (($("#balance").length > 0 || $("#bonus_balance").length > 0) && !$("#whg-header").length > 0);

        if(isLoggedIn && hasABalanceElement){
            updateBalances();
        }
    })
});

//Used for sending SMS.
$(function() {
	  $('.sms_message').hide();
	  $("#sms_submit_btn").click(function() {
	    // validate and process form here
	    $('.sms_message').hide();
	      var name = $("input#number").val();
	      if (name == "") {
	      	$("span#number_error").show();
	      	$("span#number").focus();
	      	return false;
	    	}

			$('#sms_submit_btn').attr('disabled', 'disabled');
			var msg = '';

	    	$.post('ajax/smsmobilelink.php', {country: $('#country').val(), number: $('#number').val()}, function(data) {
					if(data == "0"){
						msg = $('span#sms_error').html();
						$('#sms_submit_btn').removeAttr('disabled');
					}
					else
						msg = $('span#sms_ok').html();

					popup(300, 'Mobile Games', msg, 'true', 'true');

				});
				return false;

	  });
});

//Used to pop message box.
function popup(width, title, msg, showActionBox, closeButton, extraModalContainerClass, buttonText, buttonLink, callbackFunction)
{
   // FIXME - horrible hackery to clean up the title which may include markup or symbols which
   // makes jQuery not think it's markup.  So we alway wrap in a div and then strip.
   // Really we should not be deriving any class from the title as it will be localalized
   // But I'm simply too scared to remove this right now in case of breaking things.  Here be dragons
   var extraClass = $("<div>"+title+"</div>").text().toLowerCase().replace(/[^a-z0-9_]/g, '');
	showActionBox = showActionBox || 'true';
	closeButton = closeButton || 'true';
    buttonLink = buttonLink || '';
    var resolvedButtonText = buttonText ? buttonText : 'OK';
	var actionBox = '';
	if (showActionBox == 'true') {
        if (buttonLink) {
            actionBox = '<div class="action" style="text-align: right"><a href="'+buttonLink+'">'+resolvedButtonText+'</a></div>';
        } else if(callbackFunction) {
            actionBox = '<div class="action" style="text-align: right"><a onclick="'+callbackFunction+'">'+resolvedButtonText+'</a></div>';
        } else {
            actionBox = '<div class="action" style="text-align: right"><a href="#" id="close-popup">'+resolvedButtonText+'</a></div>';
        }
    }
	if (closeButton == 'true') title += '<a href="#" class="close-popup popup-close-box">x</a>';

    var isInIframe = (window.location != window.parent.location),
    targetDocument = isInIframe ? window.parent.document : window.document;
    $('#overlay', targetDocument).show();
    var resolvedExtraModalContainerClass = extraModalContainerClass ? ' ' + extraModalContainerClass : '';

    var importantStyle = "";
    if(width.toString().includes("!important")) {
    	width = width.replace("!important", "");
    	importantStyle = "!important";
	}

    var popupStyles = "width: " + width + "px " + importantStyle;
    if(is_mobile) {
    	// setting maximum width for mobile.
    	popupStyles = "width: 326px";
	}

    $('#overlay', targetDocument).after(
        '<div class="popupBox overlay ' + extraClass + resolvedExtraModalContainerClass + '" id="popupBox" style="' + popupStyles + '"><h1>' + title + '</h1>' + msg + actionBox + '</div>'
    );

    $('#popupBox', targetDocument)
        .css({'margin-left' : '-' + ($('#popupBox').outerWidth() >> 1) + 'px'})
	    .css({'margin-top' : '-' + ($('#popupBox').outerHeight() >> 1) + 'px'}).show();
}

function popupGeolocationCheck(redirectUrl, svgName = 'location-negative.svg') {
    let header = "<img class='geo-popup-icon' src='images/common/" + svgName + "'>";
    let message = "<h3 class='geo-popup-title'>Allow location access</h3><p>We are regulated by iGaming Ontario and the Alcohol and Gaming Commission of Ontario. They require us to confirm that you are playing within the province of Ontario. <br/><br/> Please allow access to your location when prompted in your web browser. If you are using a VPN, you will need to disable it and refresh the website.</p>";

    popup(326, header, message , "true", "true", 'geolocation-popup', 'OKAY', undefined, "handleLocationRequest('" + redirectUrl + "')")
}

async function handleLocationRequest(redirectUrl) {
    await requestLocation();
    $('#popupBox').remove();
    $('#overlay').hide();

    window.location.href = redirectUrl;
}

function requestLocation() {
  return new Promise((resolve, reject) => {
    navigator.geolocation.getCurrentPosition(resolve, reject);
  });
}


//Used to pop message box.
function popupBonusSpins(width, header, playButtonText, playButtonLink, dontRemindMeButton, terms)
{
    header += '<a href="#" class="close-popup popup-close-box bonus-spins-close-popup"></a>';

    playButtonBox = '<div class="action-play"><a href="'+playButtonLink+'">'+playButtonText+'</a></div>';

    dontRemindMeButtonBox = '<div class="action-dont-remind-me"><a id="dont-remind-me" href="#">'+dontRemindMeButton+'</a></div>';

    termsBox = '<div class="terms-text">'+terms+'</div>';

    popupHtml = '<div class="principal-box"><h1>' + header + '</h1>' + playButtonBox + dontRemindMeButtonBox + termsBox + '</div>';

    targetDocument = window.document;
    $('#overlay', targetDocument).show();
    $('#overlay', targetDocument).addClass('overlay-popup-bonus-spins');

    var popupStyles = "width: "+width+"px ";
    if(is_mobile) {
    	// setting maximum width for mobile.
    	popupStyles = "width: 326px";
	}

    $('#overlay', targetDocument).after(
        '<div class="popupBoxBonusSpins overlay" id="popupBonusSpinsBox" style="' + popupStyles + '">' + popupHtml + '</div>'
    );
    var popupBonusSpìnsElement = $('#popupBonusSpinsBox', targetDocument)
        .css({'margin-left' : '-' + ($('#popupBonusSpinsBox').outerWidth() >> 1) + 'px'})
	    .css({'margin-top' : '-' + ($('#popupBonusSpinsBox').outerHeight() >> 1) + 'px'});

    var termsPopupRendered = $('#popupBox.terms')?.length > 0;

    if (!termsPopupRendered) { // Terms popup has priority to be display before bonus popup
        popupBonusSpìnsElement.show();
    }
}

//Used to close message box.
function close_bonus_spins_popup(cookieToSet, value)
{
    removeCookie(cookieToSet, true);
    removeCookie(cookieToSet, false);
    setNewCookie(cookieToSet, value, 365);
	$('#popupBonusSpinsBox').remove();
	$('#overlay').hide();
}

//Used to close message box.
function close_popup()
{
    $('#popupBox').remove();
	$('#overlay').hide();
}

//Check if element is empty.
function notEmpty(elem){

	if(elem.value.length == 0){
		alert("Please make sure you fill in the field "+elem.name);
		elem.focus(); // set the focus to this input
		return false;
	}
	return true;
}

//Check if element is a number.
function isNumeric(elem, helperMsg){
	var numericExpression = /^[0-9]+$/;
	if(elem.value.match(numericExpression)){
		return true;
	}else{
		alert(helperMsg);
		elem.focus();
		return false;
	}
}

//Check if string is all uppercase.
function isUpperCase(string){
	var i=0;
	var ch;
	var len = string.length;

	while (i < len){

		ch = string.charCodeAt(i);

	  	if(ch >= 65 && ch <= 90) {
	  		return true;
	  	}

	    i++;
	}

	return false;
}

//Check if element in an amount (includes decimals and commas)
function isAmount(elem , helperMsg) {

	  if (elem.value == null || !elem.value.toString().match(/^[0-9.,]+$/))
	  {
	  	 alert(helperMsg);
			 elem.focus();
	  	 return false;
	  }
	  else
	  	return true;
}

//Round a number
function roundNumber(rnum, rlength) { // Arguments: number to round, number of decimal places
	  var newnumber = Math.round(rnum*Math.pow(10,rlength))/Math.pow(10,rlength);
	  return newnumber;
}

//Round to nearest X
Number.prototype.toNearest = function(num) { // num is an exponent of 10
    return Math.round(this/num)*num;
}

function validateEmail(email) {
var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(!regex.test(email)) {
           return false;
        }else{
           return true;
        }
}

//Calculates loyalty points to pounds
function calc_point_value(conversion){

	//round the points to nearest 1000.
	var points = document.getElementById('points').value;

	document.getElementById('pounds').value = roundNumber(points/conversion,2)*1;
	//document.getElementById('pounds').value = roundNumber(points/conversion,2).toFixed(2);
}

//Set a cookie
function setCookie(c_name,value,exdays)
{
	var exdate = new Date();
	exdate.setDate(exdate.getDate() + exdays);
	var c_value = escape(value) + ((exdays === null) ? "" : "; expires=" + exdate.toUTCString());
	document.cookie = c_name + "=" + c_value + "; domain=hellocasino.com; secure; path=/";
}

// hack function to prevent php from running setCookie for timers, which prevents removing them.
// when changing name of setCookie above, caused issues on some pnp sites.
function setNewCookie(c_name,value,exdays)
{
	var exdate = new Date();
	exdate.setDate(exdate.getDate() + exdays);
	var c_value = escape(value) + ((exdays === null) ? "" : "; expires=" + exdate.toUTCString());
	document.cookie = c_name + "=" + c_value + "; domain=hellocasino.com; secure; path=/";
}

//Get a cookie
function getCookie(c_name) {
	var i,x,y,ARRcookies = document.cookie.split(";");
	for (i = 0;i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
        x = x.replace(/^\s+|\s+$/g,"");
        if (x === c_name) {
            return unescape(y);
        }
	}
}

//Remove a Cookie
function removeCookie(name, useDomain = true) {
    useDomain ?
        document.cookie = name + "=; domain=hellocasino.com; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;" :
        document.cookie = `${name}=; max-age=0; path=/; SameSite=Lax;`;
}

//Check if the amount is less than min deposit.
function checkMinDeposit(amount)
{
	//replace any comma's the user enters (EUR thing!)
	amount = amount.replace(",",".");

	if(amount < 10)
	{
		alert('The minimum deposit amount is 10');
		return false;
	}
	return true;
}

// CAMPAIGN OPT IN FUNCTIONS - START
// Params:
//	**campaignID 		- required (the ID generated by Backoffice when creating campaign)
//	**checkDepositToday - required (boolean to enable or disable check for deposit from player on the day)
//	**cookieName 		- optional (client side check to see if player already opted in to the campaign)
//	**isLoggedIn 		- required (check if user logged in)

	function campaignOptin(campaignID, checkDepositToday, isLoggedIn) {
        if (checkDepositToday) {
        	if (isLoggedIn) {
	        	callPlatformAPI("getuserdetails", {}).then(function(response) {
			        if(response.type == "error") {
			            $('.optin-notification .system-error').fadeIn().delay(5000).fadeOut();
			            return;
			        }
		        	var today = new Date();
			        var lastDeposit = new Date(response.deposit_info.last);
			        var userHasDepositedToday =
			            lastDeposit.getDate() === today.getDate() &&
			            lastDeposit.getMonth() === today.getMonth() &&
			            lastDeposit.getFullYear() === today.getFullYear();

		        	if (userHasDepositedToday) {
			            callPlatformAPI("campaigns/add-user", { campaign: campaignID }).then(function(response) {
			                if (response.added) {
                                $('.optin-btn').hide();
                                $('.optout-btn').show();
                                $('.optin-notification .opt-out').hide();
			                    setTimeout(function(){
			                        $('.optin-notification .success.opt-in').fadeIn().delay(5000).fadeOut();
			                    }, 500);
			                }else{
			                    $('.optin-notification .system-error').fadeIn().delay(5000).fadeOut();
			                }
			            });
			        } else {
			            $('.optin-notification .deposit-error').fadeIn().delay(5000).fadeOut();
			        }
			    });
		    }else{
        		$('.optin-notification .login-error').fadeIn().delay(5000).fadeOut();
        	}
        }else{
        	if (isLoggedIn) {
	        	callPlatformAPI("campaigns/add-user", { campaign: campaignID }).then(function(response) {
	                if (response.added) {
	                    $('.optin-btn').hide();
                        $('.optout-btn').show();
                        $('.optin-notification .opt-out').hide();
	                    setTimeout(function(){
	                        $('.optin-notification .success.opt-in').fadeIn();
	                    }, 500);
	                }else{
	                    $('.optin-notification .system-error').fadeIn().delay(5000).fadeOut();
	                }
	            });
        	}else{
        		$('.optin-notification .login-error').fadeIn().delay(5000).fadeOut();
        	}
        }
	}

	// CAMPAIGN CHECK IF ALREADY OPTED IN
	// Params:
	//	**campaignID 	- required [array] or int (the ID generated by Backoffice which need to be checked against)
    //	**isLoggedIn 	- required (check if user logged in)

	function checkOptIn(campaignID, isLoggedIn) {
        if (isLoggedIn) {
            callPlatformAPI("campaigns/user-info", { campaign: campaignID }).then(function(response) {
                if (response.status === "exists") {
                    $('.optin-btn').hide();
                    $('.optin-notification .success.system-info').fadeIn();
                    $('.optin-notification .success.opt-out').hide();
                    $('.optout-btn').show();
                    if(is_mobile) {
                        $('.login-btn.optin').parent().hide();
                    }
                }
            });
        }
	}

	// CAMPAIGN ALLOW USER TO OPT OUT
	// Params:
	//	**campaignID   - required [array] or int (the ID generated by Backoffice which need to be checked against)
    //	**isLoggedIn   - required (check if user logged in)

	function campaignOptOut(campaignID, isLoggedIn) {
        if (isLoggedIn) {
            callPlatformAPI("campaigns/remove-user", { campaign: campaignID }).then(function(response) {
                $('.optout-btn').hide();
                $('.optin-notification .success').hide();
                $('.optin-notification .opt-out').fadeIn();
                $('.optin-btn').show();
                if(is_mobile) {
                    $('.login-btn.optin').parent().hide();
                }
            });
        }
	}

// CAMPAIGN OPT IN FUNCTIONS - END


// PRIZE PROMOTION OPT IN FUNCTIONS - START

/**
* Opt-in / opt-out to prize promotion
* @param {number} promotionId                                                   - prize promotion id
* @param {boolean}                                                              - true - opt-in, false - opt-out
* @returns {Promise<{                                                           - in case of success
            id: number;
            isDeleted: boolean;
            isOptedIn: boolean;
            modifiedAt: string;
            modifiedBy: string;
            promotionId: number;
            userId: number;
            }>}
* @returns {Promise<{code: number; message: string;}>}                          - in case of error
*/

    function prizeOptInRequest(promotionId, optIn) {
        
        var requestData = {
            sessionId : '',
            promotionId,
            isOptedIn : optIn
        }

        return $.ajax({
            type: "POST",
            url: "//backend-prize.prod2.eu.whitehatgaming.com/optin",
            data: JSON.stringify(requestData),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            jsonp: false
       });
    }

/**
* Returns opt-in status of a prize promotion for the current user
* @param {number} promotionId                                                   - prize promotion id
* @returns {Promise<{userId: number; promotionId: number; isOptedIn: boolean}>} - in case of success
* @returns {Promise<{code: number; message: string;}>}                          - in case of error
*/

    function prizeOptInStatusRequest(promotionId) {
        
        var requestData = {
            sessionId : '',
            promotionId,
        }

        return $.ajax({
            type: "GET",
            url: "//backend-prize.prod2.eu.whitehatgaming.com/optin/status",
            data: requestData,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            jsonp: false
       });
    }

    $(document).ready(function() {
        $('.promotion-optin').each(function() {
            const $elm = $(this).show();
            const promotionId = $elm.data('promotion-id');
            const $btnOptIn = $('.button-opt-in', $elm).hide().click(function() {promotionOptIn(true)});
            const $btnOptOut = $('.button-opt-out', $elm).hide().click(function() {promotionOptIn(false)});;

            const $msgOptedIn = $('.msg-opted-in', $elm).hide();
            const $msgOptInSuccess = $('.msg-opt-in-success', $elm).hide();
            const $msgOptedOut = $('.msg-opted-out', $elm).hide();
            const $msgOptOutSuccess = $('.msg-opt-out-success', $elm).hide();
            const $msgError = $('.msg-error-generic', $elm).hide();
            const $msgUserLoggedOut = $('.msg-user-logged-out', $elm).hide();

            checkPromotionOptIn();

            function checkPromotionOptIn() {
                if (isLoggedIn) {
                    prizeOptInStatusRequest(promotionId).then(function(response) {
                        if (response.isOptedIn === true) {
                            $msgOptedIn.show();
                            $btnOptOut.show();
                        } else {
                            $msgOptedOut.show();
                            $btnOptIn.show();
                        }
                    }).fail(function(error) {
                        $msgError.show();
                    });;
                } else {
                    $msgUserLoggedOut.show();
                }
            }

            function promotionOptIn(optIn) {
                prizeOptInRequest(promotionId, optIn)
                    .then(function(response) {
                        if (response.isOptedIn === true) {
                            $msgOptedIn.hide();
                            $msgOptedOut.hide();
                            $msgOptOutSuccess.hide();
                            $btnOptIn.hide();

                            $msgOptInSuccess.show();
                            $btnOptOut.show();

                        } else if (response.isOptedIn === false) {
                            $msgOptedIn.hide();
                            $msgOptedOut.hide();
                            $msgOptInSuccess.hide();
                            $btnOptOut.hide();

                            $msgOptOutSuccess.show();
                            $btnOptIn.show();

                        } else {
                            $msgError.fadeIn().delay(10000).fadeOut();
                        }
                    })
                    .fail(function(error) {
                        $msgError.fadeIn().delay(10000).fadeOut();
                    });
            }
        });
    });

// PRIZE PROMOTION OPT IN FUNCTIONS - END

//*********** Start Account Sections *************//

$(document).ready(function() {
    //*** Loyalty redeem.

    $('body').on('submit', '#loyalty-redeem', function(event) {
        event.preventDefault();

        var points = $('#points').val();
        var minlimit = $('#minlimit').val()*1;
        var id = 'loyalty-status';
        var status = false;
        var msg = '';

        //Check amount only contains numbers
        if(!isAmount(document.getElementById('points'),'Field must contain numbers only..'))
            return false;

        if(points < minlimit){
            setStatusMsg(id, 'Please enter an amount greater than the minimum.', false);
            $('#points').val(minlimit);
            calc_point_value($('#conversion').val());
        }
        else if(points > $('#lp-balance').val()*1){
            setStatusMsg(id, 'Amount entered is greater than your Loyalty Points Balance please check and try again', false);
        }
        else{
            $.ajax({type: 'POST',url: '/ajax/ajaxhandler.php',data: $('#loyalty-redeem').serialize(), dataType: 'json', encode: true})
            .done(function(data) {
                console.log(data);
                if(data.status){ //success
                    if (typeof updateBalance == 'function')
                        updateBalance();
                    setStatusMsg(id, data.message, true);
                    $('#display-points').html(data.points);
                }
                else {
                    if (data.errorCode === 245 || data.detailedError == 'User blocked from bonuses') {
                        $('#loyalty-error-blocked-bonuses').show();
                    } else {
                        $('#loyalty-error-blocked-bonuses').hide();
                        setStatusMsg(id, data.error, false);
                    }
                }
            })
            .fail(function(data) {
                setStatusMsg(id, 'Internal error has occured, please contact support', false);
            });
        }
    });

    //*** Coupon redeem
    $('body').on('submit', '#redeemcoupon', function(event) {
        //disable submit to prevent double submission.
        var submit = $(this).find('input[type=submit]');
        event.preventDefault();

        $.ajax({type: 'POST',url: '/ajax/ajaxhandler.php',data: $('#redeemcoupon').serialize(), dataType: 'json', encode: true})
        .done(function(data) {
            console.log(data);
            if(data.status){ //success
                $('#redeemcontent').html(data.message);
                if (typeof updateBalance == 'function'){
                    updateBalance();
                }

                submit.attr('disabled', 'disabled');
            }
            else{
                submit.removeAttr('disabled', 'disabled');
                $('#redeem-error').html(data.error);
            }
        })
        .fail(function(data) {
            $('#redeem-error').html('Internal error has occured, please contact support');
        });
    });

    //*** Withdraw
    //Hide/Show Cashout options
    $('#options-fields.fields').show;

    $('body').on('change', '#method', function() {
        var bank = $(this).val();
        var otherid;
        $('.method').each(function() {
            otherid = $(this).attr('id')
        });

        var selectedMethod = $('#method option:selected').val()

        $('#options-fields .fields').hide();
        $('#fields-for-' + selectedMethod).show();
    });

    //Process Withdraw.
    $('body').on('submit', '#withdraw-form', function(event) {
        event.preventDefault();
        var method = $("#method").val();
        var submit = true;
        $('.error').html('');
        showMainLoader();

        $('.fields-account-cbu').each(function() {
          if ($(this).is(":visible")) {
            if(cbuValidator.validateCBU($(this).val()) > 0){
              $(this).next('.error').html('Invalid CBU Entered.');
              this.focus();
              submit = false;
            }
          }
        });

        //Check required fields are filled.
        $('.required').each(function() {
            if ($(this).is(":visible")) {
               var input = $(this).find('input');
               var label = $(this).find('label').html();
               if (input.val() == '') {
                   $(input).next('.error').html('Please Enter ' + label);
                   input.focus();
                   submit = false;
               }
            }
        });

        $('#iban').each(function() {
           if ($(this).is(":visible")) {
              if(!IBAN.isValid($(this).val())){
                 $(this).next('.error').html('Invalid IBAN Entered.');
                 this.focus();
                 submit = false;
              }
           }
		    });


        //Checked account id for neteller
        $('#neteller_acc').each(function() {
            if ($(this).is(":visible")) {
               value = $(this).val();
               if (value.length != 12 || value.substr(0, 2) != '45') {
                  $(this).next('.error').html('Please ensure you have entered the correct account number.');
                  this.focus();
                  submit = false;
               }
            }
        });

        //Check numbers only for the amount entered.
        var amount = $('#amount').val();
        if(amount != "") {
            var value = amount.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
            var numberRegex = /^[+-]?\d+(\.\d+)?([eE][+-]?\d+)?$/;

            if(!numberRegex.test(value)) {
                $('#amount').next('.error').html('Field must contain numbers only.');
                submit = false;
            }
        }

        //Check ifsc validity.
            var ifscVal = $('#ifsc').val();
            if(ifscVal != "" && ifscVal) {
              var reg = /[A-Z|a-z]{4}[0][a-zA-Z0-9]{6}$/;
              if (!ifscVal.match(reg)) {
                $('#ifsc').next('.error').html('Invalid IFSC Entered.');
                submit = false;
              }
         }

        //Check min cashout
        if (amount*1 < $('#min_withdraw').val()*1) {
            $('#amount').next('.error').html($('#min_withdraw_error').val());
            $('#amount').focus();
            submit = false;
        }

        //Check withdraw amount is <= user's balance
            if (amount*1 > $('#max_withdraw').val()*1) {
            $('#amount').next('.error').html($('#max_withdraw_error').val());
            $('#amount').focus();
            submit = false;
        }

        //Check Latam account fields
        if (typeof validateAccountType !== 'undefined' && validateAccountType && !($('#fields-accountType-checkings').is(':checked') || $('#fields-accountType-savings').is(':checked')) ) {
                $('#options-fields').next('.error').html('Please enter account type');
                submit = false;
        } else {
            $('#options-fields').next('.error').html('');
        }
        if(typeof validateAccount !== 'undefined' && validateAccount && $('#fields-account').val() == '') {
                $('#options-fields').next('.error').html('Please enter account number');
                submit = false;
        }

        //Check ACH fields
        if ($('#fields-ach-financial-institution-number').is(":visible") && $('#fields-ach-financial-institution-number').attr('value').length > 3) {
            var label = $('#fields-ach-financial-institution-number').closest('div').find('label').html();
            $('#fields-ach-financial-institution-number').next('.error').html(label + ' cannot be more than 3 digits');
            submit = false;
        }
        if ($('#fields-ach-account-transit-number').is(":visible") && $('#fields-ach-account-transit-number').attr('value').length > 5) {
            var label = $('#fields-ach-account-transit-number').closest('div').find('label').html();
            $('#fields-ach-account-transit-number').next('.error').html(label + ' cannot be more than 5 digits');
            submit = false;
        }
        if ($('#fields-ach-account-number').is(":visible") && $('#fields-ach-account-number').attr('value').length && ($('#fields-ach-account-number').attr('value').length < 7 || $('#fields-ach-account-number').attr('value').length > 12)) {
            var label = $('#fields-ach-account-number').closest('div').find('label').html();
            $('#fields-ach-account-number').next('.error').html(label + ' must be between 7 and 12 digits');
            submit = false;
        }

        //Good to go!
        if(submit){
            withdrawSubmit();
        }
        else{
            hideMainLoader();
        }
    });

    function withdrawSubmit() {
      //disable submit to prevent double submission.
      var submit = document.getElementById('generic-submit');
      const ip = '84.95.242.37';
      submit.setAttribute('disabled', 'disabled');
      var formSerialized = $('#withdraw-form').serialize();
      var jurisdiction = "mga";
      if (jurisdiction.includes('US-') || jurisdiction.includes('CA-')) {
        formSerialized += "&user_ip=84.95.242.37";
      }
      submit.disabled = true;
      $.ajax({type:'POST',url: '/ajax/ajaxhandler.php',data: formSerialized + '&ip=' + ip, dataType: 'json',encode:true})
        .done(function(data) {
          hideMainLoader();
          submit.disabled = false;

          if(data.status) { //success
            if(data.redirect_url) {
                window.location.href = data.redirect_url;
            }
             $('#withdraw-form-content').removeClass('hidden');

             $('#withdraw-form-content').html(data.message);

             if(is_mobile) {
                if (ENABLE_SCROLL_TOP_AFTER_WITHDRAW) {
                    $('html,body').animate({scrollTop: 0});
                } else {
                    setTimeout(() => {
                        const withdrawFormContentElement = document.getElementById("withdraw_h2");
                        withdrawFormContentElement.scrollIntoView({ behavior: "auto", block: "center", inline: "center" });
                    })
                }
             }

             updateSiteBalance();

             /*
             //This is not used/ready yet.
             if(parseInt(data.needsKyc) == 1)
                 $('#withdraw-form-content').append("<h3>kyc verify message dummy</h3><p><a href='/index.php?page=kyc'>verify your documents</a></p>");
             */

          }
          else {

            if (+data?.code === 216) {
                $('#withdraw-password').next('.error').html($('#withdraw_failed_password').val());
                $('#withdraw-password').focus();
                $('#withdraw-password').addClass('error invalid');
                submit = false;

                let passwordListener = $('#withdraw-password').on('input', () => {
                    $("#submit-holder > button").removeAttr('disabled');
                    $('#withdraw-password').removeClass('error invalid');
                    passwordListener.off('input');
                });
            }

            $('#withdraw-form-content').removeClass('hidden');

            if($('#my-account-modal').length) {

               $('#withdraw-form-content').html(data.message+' '+data.error);

            } else {

               $('#withdraw-error').html(data.message+' '+data.error);

            }

             submit.removeAttribute('disabled');
          }
      })
      .fail(function(data) {
          hideMainLoader();
          $('#withdraw-error').html('Internal error has occured, please contact support');
          console.error('Error withdrawing');
          submit.removeAttribute('disabled');
      });
    }

    //*** Edit Details.
    var isLimitPage = ['depositlimit', 'losslimit', 'sessiondurationlimit'].indexOf(getUrlParameter('page')) > -1;

    function validateChangePasswordFields() {
      var valid = true;

      //Check password is not email address.
      if($("#password1").val() == $("#email").val()){
        valid = false;
        $('#edit-status').html("Your email address cannot be your password.");
        $('#edit-status').show();
        $('#editpassword #generic-submit').prop('disabled', true);
      }
      //Check password is not username.
      if($("#password1").val() == $("#username").val()){
        valid = false;
        $('#edit-status').html("Your username cannot be your password.");
        $('#edit-status').show();
        $('#editpassword #generic-submit').prop('disabled', true);
      }

      // Check if it's the same as the current password
      if($("#password1").val() == $("#current_password").val()){
        valid = false;
        $('#edit-status').html("Your new password cannot be the same as your current password.");
        $('#edit-status').show();
        $('#editpassword #generic-submit').prop('disabled', true);
      }

      if(valid) {
        $('#editpassword #generic-submit').prop('disabled', false);
      }
    }

    //Change password field 1 check.
    $('body').on('change', '#editpassword #password1', function() {
        validateChangePasswordFields();
    });

    //Change password field 2 check.
    $('body').on('change', '#editpassword #password2', function() {
        validateChangePasswordFields();
    });

    $('body').on('submit', '.edit-form', function(event) {

        var thisForm = $(this);
        var returnUrl = null;
        event.preventDefault();

        var doSubmit = function(){

          var formid = $(this).attr('id');
          var submit = true;
          var isDepositLimitRelated = $(this).hasClass('deposit-limit');

          if(formid == 'editpassword'){
            //Check passwords match.
            var method = $("#password1").val();
            if($("#password1").val() !=  $("#password2").val()){
                submit = false;
                $('#edit-status').html("Please make sure your passwords match.");
                $('#edit-status').show();
                $('#editpassword #generic-submit').prop('disabled', true);
            }
            //Check password is 6 chars or more.
            if($("#password1").val().length < 6){
                submit = false;
                $('#edit-status').html("Please make sure your password is 8 characters or more.");
                $('#edit-status').show();
                $('#editpassword #generic-submit').prop('disabled', true);
            }
          }

          //Process change.
          if(submit){

              $('#edit-status').html("");

              showMainLoader();

              var formData = $(this).serialize();
              var limitRequestType = '';
              var limitRequestTypeSuffix = '';

              if(formData.indexOf('depositlimit') > -1 || formData.indexOf('losslimit') > -1 || formData.indexOf('sessiondurationlimit') > -1){
                $('.pending-deposit-limit-actions-container').hide();

                if(formData.indexOf('losslimit') > -1){
                    limitRequestType = 'loss';
                }else if(formData.indexOf('depositlimit') > -1){
                    limitRequestType = 'deposit';
                    if(formData.indexOf('depositlimitnet') > -1) {
                        limitRequestTypeSuffix = 'net';
                    }
                }else{
                    limitRequestType = 'sessionduration';
                }
              }

              $.ajax({
                type: 'POST',
                url: '/ajax/ajaxhandler.php',
                data: formData,
                dataType: 'json',
                encode: true
              })
              .done(function(data) {

                  function continueToNormalFlow() {

	                hideMainLoader();

                    if(data.status){

                        msg = data.message;
                        returnUrl = data.returnUrl;
                        $('.hide-on-success').hide();
                        thisForm[0].reset();

                        if(formData.indexOf('timeout') > -1){

                        $('.modal-body .back-button, .modal-header .close, .modal-backdrop').click(function(e){
                            e.preventDefault();
                            $("#my-account-modal").modal("hide");
                            location.reload();
                        });

                        $(".modal-content").click(function(e){
                             e.stopPropagation();
                        });
                        }

                    }else{

	                    msg = data.error;

                    }

                    setStatusMsg('edit-status', msg, data.status);

                    $('.deposit-limits-fields-container #edit-status').html(msg);

                    if(data.status){

                    $('.deposit-limits-fields-container #edit-status').addClass('success').removeClass('error');

                    var sender = formData.split("sender=")[1].split("&")[0],
                        isConfirm = sender == "confirm",
                        isUpdate = sender == "change",
                        isCancel = sender == "cancel",
                        confirmSuccess = false,
                        hasCoolOff = false,
                        updateCurrentDepositLimit = function(){
	                        $.ajax({

	                            type: 'GET',
	                            url: '/ajax/ajaxhandler.php',
	                            data: {
	                            req: limitRequestType + 'limit' + limitRequestTypeSuffix,
	                            sender: 'current'
	                            },
	                            dataType: 'json',
	                            encode:true

	                        }).done(function(data){

	                            if(isConfirm && $(".limit-history-modal-list-item").length > 0) {
	                            	// delete previous pending status item, as has been updated in db.
	                            	$(".limit-history-modal-list-item")[0].remove();
	                        	}

	                            // update limit history
	                            var newLimitHistoryItemHTML = data["latestlimithtml"] ? data["latestlimithtml"] : '';
	                            $('.limit-history-modal-list').prepend(newLimitHistoryItemHTML);
	                            $('.limit-history-no-result-list-item').remove();

                                var successTranslations = {
                                    deposit: "Your deposit limits have been successfully updated.",
                                    loss: "Your loss limits have been successfully updated.",
                                    sessionduration: "Your session duration limits have been successfully updated."
                                },
                                titleTranslations = {
                                    deposit: "Deposit Limits",
                                    loss: "Loss Limits",
                                    sessionduration: "Session Duration Limits"
                                }
                                message = successTranslations[limitRequestType],
                                title = titleTranslations[limitRequestType];
                                returnUrl = returnUrl || '';

                                if(!is_mobile){
                                    var buttonText = returnUrl ? 'Continue' : 'OK';
                                    popup('300',title,"<p>"+message+"</p>",'true', 'true', null, buttonText, returnUrl);
                                }else{
                                    alert(message);
                                }

                                var currentLimit = data["current_" + limitRequestType + "_limit"];
                                var aLimitText = $('#limitCurrent').html().split(":");
                                if(aLimitText.length > 0)
                                    $('#limitCurrent').html(aLimitText[0] + ': ' + currentLimit);

	                        	if(isDepositLimitRelated) {

	                                $('#period').attr("data-value",data['depositlimit']['period']);
	                                $('#value').attr("data-value",data['depositlimit']['value']);
	                            }
	                        });

                        };

                        if(isConfirm){

                        confirmSuccess = data.status;
                        }

                        if(isUpdate){
                        hasCoolOff = data.cooloff == 1;
                        }

                        if(isUpdate && !hasCoolOff){

	                        updateCurrentDepositLimit();

                        }else{

	                        $.ajax({

	                            type: 'GET',
	                            url: '/ajax/ajaxhandler.php',
	                            data: {
                                req: limitRequestType + 'limit' + limitRequestTypeSuffix,
	                            sender: 'status'
	                            },
	                            dataType: 'json',
	                            encode:true

	                        }).done(function(data){

	                            $('.pending-deposit-limit-actions-container').show();

	                            if(isConfirm && confirmSuccess){

		                            updateCurrentDepositLimit();
	                            }

	                            var noLimitStatus = false;

	                            // Show/Hide elements depending on limit status
	                            var elementsToShow = {
	                            pendingAndCoolOff: false,
	                            confirmlimits: false,
	                            cancellimits: false,
	                            coolOffMessage: false,
	                            pendingMessage: false
	                            };

	                            if(data.limitStatus == null) {
	                            	noLimitStatus = true;
	                        	}

	                            switch(data.limitStatus){
	                            case 'COOLOFF':
	                                elementsToShow.pendingAndCoolOff = true;
	                                elementsToShow.cancellimits = true;
	                                elementsToShow.coolOffMessage = true;
	                                break;

	                            case 'PENDING':
	                                elementsToShow.pendingAndCoolOff = true;
	                                elementsToShow.confirmlimits = true;
	                                elementsToShow.cancellimits = true;
	                                elementsToShow.pendingMessage = true;
	                                break;

	                            default:
	                                noLimitStatus = true;
	                            }

	                            for (var key in elementsToShow) {
		                            $('#' + key).toggleClass('hide', !elementsToShow[key]);
	                            }

	                            // Enable all fields
	                            $('#editlimits').find('input, select').each(function(){
		                            $(this).removeAttr('disabled');
	                            });

	                            // Change the deposit limit reference on the confirm and cancel forms
	                            var actionFormIds = ['confirmlimits', 'cancellimits'];
	                            for(var i=0; i < actionFormIds.length; i++){

		                            var formId = actionFormIds[i];

		                            if(elementsToShow[formId]){
		                                $('#' + formId).find('input[name=ref]').val(data.id);
		                            }
	                            }

	                            if(!(isConfirm && confirmSuccess)) {

	                            	if(isCancel) {
		                            	// delete previous cooloff status item, as has been updated in db.
		                            	$(".limit-history-modal-list-item")[0]?.remove();
		                            }

		                            // update limit history
	                                var newLimitHistoryItemHTML = data["latestlimithtml"] ? data["latestlimithtml"] : '';
	                                $('.limit-history-modal-list').prepend(newLimitHistoryItemHTML);
	                                $('.limit-history-no-result-list-item').remove();
	                        	}

	                            // If there is a pending limit status (pending or cool off)
	                            if(elementsToShow.pendingAndCoolOff){

                                    if(is_mobile && isLimitPage){
		                                window.location.reload();
		                            }

		                            // disable all fields in edit limits form
		                            $('#editlimits').find('input, select').each(function(){
		                                $(this).attr('disabled', 'disabled');
		                            });

		                            // repopulate the elements with translations from response
		                            var translationKeys = ['requestedTime', 'requestedLimit', 'coolOffMessage', 'pendingMessage'];

		                            for(var i=0; i < translationKeys.length; i++){
		                                translationKey = translationKeys[i];

		                                $('#' + translationKey + 'Translation').html(data[translationKey]);
		                            }
	                            }else{

		                            if(is_mobile && isLimitPage){
		                                window.location.reload();
		                            }
	                            }

	                        });
			        	}

                    }else{
                        $('.deposit-limits-fields-container #edit-status').addClass('error').removeClass('success');
                    }
                  }

                  var shouldCheckForPendingInteractions = limitRequestType === 'deposit' && 'mga' === 'de';

                  if (shouldCheckForPendingInteractions) {
                    callPlatformAPI('auth/extend', {
                        brand: '84',
                        SESSIONID: ''
                    }).then(function(resp) {
                        if (resp.interactionPending) {
                            const queryParams = window.location.search;
                            const redirectUrl = '/responsible-gambling' + queryParams;

                            window.location.replace(redirectUrl);
                            return;
                        };

                        continueToNormalFlow();
                    });

                    return;
                };

                  continueToNormalFlow();
              })
              .fail(function(data) {
                  hideMainLoader();
                  setStatusMsg('edit-status', "Internal error has occured, please contact support", false);
                  console.log("error", data);
              });
          }
        }

        var _this = this;

        if($(this).attr('id').indexOf('cancellimits') > -1){

          var message = '<div class="action popupBox__confirm" id="popupConfirmCancelDepositLimit"><a>Yes</a></div><div class="action popupBox__cancel" id="popupCancelCancelDepositLimit"><a>No</a></div>';

          if(window.location.href.indexOf('sessiondurationlimit') > -1 ){
            popup('300',' Are you sure?',message,'false','true','sessiondurationlimits');
          } else {
            popup('300',' Are you sure?',message,'false');
          }

          var isInIframe = (window.location != window.parent.location),
              targetDocument = isInIframe ? window.parent.document : window.document;

          $("#popupConfirmCancelDepositLimit a", targetDocument).click(function(e){
            e.preventDefault();

            doSubmit.call($(_this));
            $('#popupBox', targetDocument).remove();
          	$('#overlay', targetDocument).hide();
          });

          $("#popupCancelCancelDepositLimit a", targetDocument).click(function(e){
            e.preventDefault();

            $('#popupBox', targetDocument).remove();
          	$('#overlay', targetDocument).hide();
          });
        }else{
          doSubmit.call($(_this));
        }
    });

    //Deposit limit period change.
    $('body').on('change', '#period', function() {
        var $valueInput = $('#value');
        var valueInputElement = $valueInput[0]; // Native DOM element (not jQuery instance)

        if($(this).val() == 'NoLimit'){
            // Store current value before clearing
            if($valueInput.val() !== '') {
                $valueInput.data('temp-value', $valueInput.val());
            }
            $valueInput.removeAttr('required');
            $valueInput.removeAttr('min');
            $valueInput.val(''); // Clear the value to prevent validation errors on hidden input
            // Clear custom validity message to prevent validation errors
            if(valueInputElement && valueInputElement.setCustomValidity) {
                valueInputElement.setCustomValidity('');
            }
            $('#amount_holder').hide();
        }
        else{
            $('#amount_holder').show();
            $valueInput.attr('required', 'required');
            // Restore original min value from data attribute set in HTML
            var originalMinValue = $valueInput.data('original-min');
            if(originalMinValue) {
                $valueInput.attr('min', originalMinValue);
            }
            // Restore temporary value if it exists
            if($valueInput.data('temp-value') && $valueInput.val() === '') {
                $valueInput.val($valueInput.data('temp-value'));
            }
        }
    });

    //History submit
    $('body').on('click', '.history_submit, .paging_link, .paging_link_mobile', function(e) {

        e.preventDefault();
        var page = $(this).is("[data-url]") ? $(this).attr('data-url') : 1;

        // some sites : ex casigo : override the default template, leading them to use the desktop version in else, so the start_dd and end_dd checks are required
        if(is_mobile && $('#start_dd').length > 0 && $('#end_dd').length > 0){
            var start = $('#start_dd').val()+"/"+$('#start_mm').val()+"/"+$('#start_yy').val();
            var end = $('#end_dd').val()+"/"+$('#end_mm').val()+"/"+$('#end_yy').val();
            var sender = 'mobile';
        }
        else{
            var start = $('#startdate').val();
            var end = $('#enddate').val();
            var sender = 'desktop';
        }

        // validate start and end dates to ensure that they are sent in correct date format, otherwise (ex: 2 digit year) can return incorrect results.
        if(!new RegExp('^(0?[1-9]|1[0-9]|2[0-9]|3[01])\/(0?[1-9]|1[0-2])\/(2[0-9][0-9][0-9])$').test(start) || !new RegExp('^(0?[1-9]|1[0-9]|2[0-9]|3[01])\/(0?[1-9]|1[0-2])\/(2[0-9][0-9][0-9])$').test(end)) {
			$('#account-history-results').html('<p>Invalid date entered. Please check and try again.</p>');
			return;
	    }

		$.post('/ajax/accounthistory.php', {'page': page, 'sender': sender, 'startdate': start, 'enddate' : end}, function(data) {
			$('#account-history-results').html(data);
            window.scrollTo(0, 0);
		});
    });

    var setupLifetimeActivity = function(){
        $("#allActivityResults").html('Loading...');

        callPlatformAPI("getuserdetails", { touchSession: false }).then(function(response) {

            var depositTotal = response.deposit_info.total;
            var withdrawTotal = response.withdrawal_info.total;
            var netDeposits = depositTotal - withdrawTotal;

            $("#allActivityResults").html(

                $("<div />").html("Net Deposits: &#8364;<strong>" + netDeposits.toFixed(2) + "</strong>").append(
                    $("<div />").html($("<small />").text("This is the total of all deposits minus the sum of all withdrawals for the lifetime of your account")).append("<br /><br />")
                )

            );
        });
    }

    if(window.location.href.indexOf("account") > -1 && window.location.href.indexOf("history") > -1 && is_mobile){
        setupLifetimeActivity();
    }

    //My Account tabs.
    $(document).on(
        "click",
        "#account-tab-toolbar span, #my-password, #my-loyalty",
        function (e) {
            $(".account-tab").hide();
            $("#" + $(this).attr("id") + "-tab").show();
            $("#account-tab-toolbar span").removeClass("selected");
            $(this).addClass("selected");

            let tabId = $(this).attr("id");

            switch (tabId) {
                case "my-details":
                    e.preventDefault();
                    accessMyDetails();
                    break;
                case "my-cashouts":
                    e.preventDefault();
                    accessMyCashouts();
                    break;
                case "my-cashouts-accepted":
                    e.preventDefault();
                    accessMyCashoutsAccepted();
                    break;
                case "my-promotion":
                    e.preventDefault();
                    accessMyPromotion();
                    break;
                case "account-history":
                    e.preventDefault();
                    setupLifetimeActivity();
                    break;
                case "responsible-gaming":
                    callPlatformAPI('responsible-gambling-action', { actionType : 'rg-page-visit' }).then(function(response) {
                        callPlatformAPI('responsible-gambling-audit', { actionId : response.actionId, auditType : 'rg-page-visit-playerprotection', message : 'Visited page: playerprotection' });
                    });
                    break;

            }

            $(".set-reminder-modal-trigger").unbind("click");
            $(".set-reminder-modal-trigger").click((e) => {
                showTimerPopup(e);
            });
        }
    );

    $(document).ready(function () {
        let activeTabId = $(".menu--item.selected")?.attr("id") || $(".nav-item.selected")?.attr("id");

        switch (activeTabId) {
            case "my-details":
                accessMyDetails();
                break;
            case "my-cashouts":
                accessMyCashouts();
                break;
            case "my-cashouts-accepted":
                accessMyCashoutsAccepted();
                break;
            case "my-promotion":
                accessMyPromotion();
                break;
            case "account-history":
                setupLifetimeActivity();
                break;
        }
    });

    function accessMyDetails() {
        $.get("/ajax/getuserdetails.php", {}, (data) => {
            $("#details-data").html(data);
        });
    }

    function accessMyCashouts() {
        $.get("/ajax/getpendingwithdraws.php", {}, (data) => {
            $("#withdraws-data").html(data);
        });
    }

    function accessMyCashoutsAccepted() {
        $.get("/ajax/getacceptedwithdraws.php", {}, (data) => {
            $("#withdraws-accepted-data").html(data);
        })
        .always(function() {
            $("#my-cashouts-accepted-tab").show();
        });
    }

    function accessMyPromotion() {
        $.get("/ajax/getbonusspins.php", {}, (data) => {
            $("#promotion-data").html(data);
        });
    }
});
//*********** End Account Sections *************//


//Launch fun game directly.
function launchFunGame(wwidth, hheight, game) {
            var aurl = '/play/'+game.toLowerCase()+'/fun';
        var game_name = game;
	var ttop = (screen.height-hheight)/2;
	if (ttop < 0) ttop = 10;
	var lleft = (screen.width-wwidth)/2;
	if (lleft < 0) lleft = 10;
            window.location.href=aurl;
    }

//Prevent scrolling, used for mobile.
touchMove = function(event) {
	// Prevent scrolling on this element
	event.preventDefault();
}

//Cookie code to show cookie message in footer.
function showCookiesMessage(a) {
    if (a.timeOut == null) {a.timeOut = 60000}
    if (a.width == null) {a.width = 978}
    if (a.height == null) {a.height = 30}
    if (a.fontSize == null) {a.fontSize = 20}
    if (a.acceptFontSize == null) {a.acceptFontSize = 20}
    if (a.opacity == null) {a.opacity = 0.9}
    if (a.fontColor == null) {a.fontColor = "#FFFFFF"}
    if (a.fontFamily == null) {a.fontFamily = "georgia"}
    if (a.background == null) {a.background = "#2D4563"}
    if (a.messageText == null) {a.messageText = new Array()}
    if (a.acceptText == null) {a.acceptText = "&#215;"}
    if (a.paddingTop == null) {a.paddingTop = 0}
    if (a.acceptPadding == null) {a.acceptPadding = 0}
    if (a.acceptMargin == null) {a.acceptMargin = 3}
    setTimeout(function () {
        $("#cookieMessage").fadeOut(1000)
    }, a.timeOut);
    setTimeout(() => {
        if ($.cookie("cookiesOk") != 1) {
            $("#CookieNoticeContainer").show();

            $("body").addClass("cookie-message-visible");
        }
    });
}

//Used to accept the cookies message.
$(document).ready(function(){
    $("body").on("click", "#acceptCookies", function(e) {
        $("#cookieMessage").fadeOut(1000);
        $("body").removeClass("cookie-message-visible");
        setCookie("cookiesOk",1,365);

        if (typeof cookieMsgAccepted == 'function') {
            cookieMsgAccepted();
        }
    });
});


//*********** Start of Timer Code *****************//

//Cookie Name for reminder.
var timerCookie = 'Hellocasino_tm';
var gameCookie = 'Hellocasino_PLAY_PAGE_ELAPSED_TIME_COOKIE';
//Timeout var.
var timerTimeout;

//Used to display time since user has been logged in.
$(document).ready(function(){

    var isRedirecting = false;

    if (false) {
        callPlatformAPI("getuserdetails", {}).then(function(response) {
            var sessionDurationLimit;

            if(response.sessiondurationlimit) {
                sessionDurationLimit = response.sessiondurationlimit.value;
                if(response.sessiondurationlimit.unit == "minutes") {
                    compareLoggedInWithSessionDurationLimit(sessionDurationLimit);
                }
            }

            if($('#hours').length){
                var loggedin = getTimeLoggedIn();

                function pad(val) { return val > 9 ? val : "0" + val; }
                setInterval(function () {
                    $("#seconds").html(pad(++loggedin['total'] % 60));
                    $("#minutes").html(pad(parseInt(loggedin['total'] / 60, 10) % 60));
                    $("#hours").html(pad(parseInt(loggedin['total'] / 3600, 10)));

                    if(sessionDurationLimit !== null) {
                        compareLoggedInWithSessionDurationLimit(sessionDurationLimit);
                    }
                }, 1000);
            }
        });
    }

    function compareLoggedInWithSessionDurationLimit(sessionDurationLimit) {
        if(this.isRedirecting) return;

        if (sessionDurationLimit > 0 && (getTimeLoggedIn()['total']/60) >= sessionDurationLimit) {
            this.isRedirecting = true;
            window.location.href= "/?page=logout&error=282_logged_out";
        }
    }

    //Display popup overlay with timer.
    $('#reminder, .set-reminder-modal-trigger').click(function(e) {
        e.preventDefault();
        removeAllPopups();
        showTimerPopup(e);
    });

    // Generic modal load content... give the link the class of generic-modal-load and a link WITHOUT &content=1
    $("body").on("click", ".modal-body .generic-modal-load", function(e) {
        e.preventDefault();

        $("#my-account-modal").modal();

        $('.modal-body').html("<img alt='' src='/images/ajax-loader.gif' alt='Loading' />");

        var href= $(this).attr('href');
        $("#my-account-modal .modal-body").load(href + '&content=1', function(){

          if(href.indexOf('page=depositlimit') > -1 || href.indexOf('page=losslimit') > -1 || href.indexOf('page=sessiondurationlimit') > -1 || href.indexOf('page=timeout') > -1){
              $(".modal-body h1").prepend('<a class="btn btn-default back-button"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>');

              $('.modal-body h1 .back-button').click(function(){

                $('.modal-body').html("<img alt='' src='/images/ajax-loader.gif' alt='Loading' />");

                $("#my-account-modal").modal();
                $("#my-account-modal .modal-body").load('/index.php?page=account&content=1', function(){

                  $('.account-tab').hide();
                  $('#responsible-gaming-tab').show();

                  $('#account-tab-toolbar span').removeClass('selected');

                  $('.modal-body #responsible-gaming').addClass('selected');


                });

              })
          }

        });
    });

    // Make 'Set reminder' button active if a valid selection available
    $('body').on('change', '#thours, #tminutes', function(e) {

    	var
        	isHoursSet = $('#thours').val() != 0 ? true : false,
			isMinutesSet = $('#tminutes').val() != 0 ? true : false,
			$tset = $('#tset');

        if(isHoursSet || isMinutesSet)
        	$tset.removeAttr('disabled');
        else
        	$tset.attr('disabled', 'disabled');

    });

    $(document).ready(function(){
        var tCookie = getCookie(timerCookie);
        if (tCookie !== undefined && tCookie !== null) {
            var cookie = JSON.parse(tCookie);
            var now = new Date();
            var diff = (now.getTime() - cookie.tstarted) / 1000;
            var seconds = cookie.thours * 3600 + cookie.tminutes * 60;
            var secsToTimer = seconds - diff;
            if(cookie.trepeat || secsToTimer > 0) {
                runTimer();
            }
        }
    });

    //Set Reminder.
    $('body').on('click', '#tset', function(e) {
        e.preventDefault();

        if($(e.target).attr('disabled')) {
            return;
        }

        //Set cookie, that contains information about the timer.
        var map = {};
        // Goes through all the elements inside .timer div
        $(".timer").each(function() {
            var $currentElement = $(this);
            var elementType = $currentElement.attr('type');
            var isElementChecked = $currentElement.is(':checked');
            if((elementType === 'checkbox' && isElementChecked) || elementType !== 'checkbox') {
                map[$currentElement.attr("id")] = $currentElement.val();
            }
        });
        map['tstarted'] = new Date().getTime();

        resetRealityCheck();
        setNewCookie(timerCookie, JSON.stringify(map), 1);

        //Run Timer.
        runTimer();

        setTimeout(function() {
            $("#popupBox.set-timer-check-popup").remove();
            $("#overlay").hide();
        }, 1200);

        //Hide current popup
        $('#timer-holder').empty().html("<p>All done! A reminder has been set.</p>");
    });

    //Repeat Turned off.  Remove cookie and close popup.
    $('body').on('click', '.trepeat', function(e) {
        e.preventDefault();
        var data = getRealityCheck();

        resetRealityCheck();

        if($(this).attr('data-value') === 'on') {
            data.tstarted = new Date().getTime();
            setNewCookie(timerCookie, JSON.stringify(data), 1);
            runTimer();
            confirmRealityCheck('CONTINUE');
        }
        else {
            confirmRealityCheck('CLOSE');
        }

        //Hide Popup.
		$('#popupBox').remove();
		$('#overlay').hide();
    });
});

/*
 * Clear DOM from popups by element class
 */
function removeAllPopups() {
    if ($('.popupBox').length) {
        $('.popupBox').remove();
        $('#overlay').hide();
    }
}

//Run the time for the reminder.
function runTimer() {

    jurisdiction = 'mga';

    // Check if timer is set and alert if its time!
    var rc = getRealityCheck();
            // Set Gameplay Time
        var gc = getGameCheck();
    
    if (rc.hasOwnProperty('tstarted') && rc.tstarted > 0) {
        var diff = (new Date().getTime() - rc.tstarted) / 1000;
        var seconds = rc.thours * 3600 + rc.tminutes * 60;
        var secsToTimer = seconds - diff;
        var loggedin = getTimeLoggedIn();
        var hours = loggedin.hours.toString().split('.')[0];
        var minutes = loggedin.minutes.toString().split('.')[0];
        var links = '<p><a href="/index.php?page=logout">Logout</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/index.php?page=account&type=history">Account History</a></p>';
        var reminder = '<p>This is your automated reminder.</p><p>You have been logged in for ' + hours + '&nbsp;Hour(s)&nbsp;' + minutes + '&nbsp;Minute(s).</p>';
        var headerText = 'Timer';
        var button = 'false';

        timerTimeout = setTimeout(function () {
            // Show Reality Check timer for All Jurisdictions
            reminder = '<div class="rctimer-content"><p>You have been logged in for ' + hours + '&nbsp;Hour(s)&nbsp;'
            + minutes + '&nbsp;Minute(s).</p>';
                            reminder += '<p>You have been playing for ' + gc.phours + '&nbsp;Hour(s)&nbsp;'
                            + gc.pminutes + '&nbsp;Minute(s).</p>';
                        reminder += '<p>By clicking OK you are confirming that you have read this message and want to return to your game.</p>';
            reminder += '<p>Session Result: <span class="sessionResult">Loading...</span><br />';
            reminder += 'Session Win: <span class="sessionWin">Loading...</span><br />';
            reminder += 'Session Loss: <span class="sessionLoss">Loading...</span></p>';
            headerText = 'Reality Check';

            getRealityCheckWinLoss();

            if (rc.hasOwnProperty('trepeat') && rc.trepeat === 1) {
                // Update cookie with new time.
                rc.tstarted = new Date().getTime();

                resetRealityCheck();
                setNewCookie(timerCookie, JSON.stringify(rc), 1);
                runTimer();

                reminder += '<p>The reminder is currently set to repeat every:<br/>' + rc.thours + ' Hour(s), '
                + rc.tminutes + ' Minute(s).</p><p>If you wish to disable the repeated reminder, click cancel below.</p>' + links;
                reminder += '</div>';
                reminder += '<div class="action reminder-modal-ctrl-buttons">' +
                        '<a href="#" data-value="on" class="trepeat">OK</a>' +
                        '<a href="#" data-value="off" class="trepeat">Cancel</a></div>';
            } else {
                //remove cookie.
                button = 'true';
                //Append the links.
                reminder += links;

                resetRealityCheck();
                reminder += '</div>';
            }

            removeAllPopups();

            // Show Reality Check reminder popup
            popup('300', headerText, reminder, button, 'false', 'rgtimer');

        }, secsToTimer * 1000);
    }
}


var pageJsLoadTime = new Date().getTime();

function getTimeLoggedIn(){
    var now = new Date().getTime();
    var timeIntoSession = Math.round((now - pageJsLoadTime + 0)/1000);
    return {
      total: timeIntoSession,
      hours: (timeIntoSession / 3600)  % 24,
      minutes: (timeIntoSession / 60)  % 60,
      seconds: timeIntoSession % 60
    };
}

//*********** End of Timer Code *****************//


//Terms acceptance when updated.
$(document).ready(function(){
    $('body').on('click', '.terms_accept_action', function(e) {
        e.preventDefault();

        var rec_details = $(this).data('details');
        var url = $(this).data('url');

        console.log('Terms accepted: '+rec_details);

        recordTermsAccepted(rec_details, function(success){
            //Redirect User if URL set.
            if(url){
                window.location.href = url;
            }

            var bonusSpinsPopupRendered = document.getElementById('popupBonusSpinsBox');

            $('#popupBox').remove(); //Hide Popup.

            if (bonusSpinsPopupRendered) {
                $('#popupBonusSpinsBox').show();
            } else {
                $('#overlay').hide(); // Hide dark background
            }
        });
    });
});

/*
 * Reset reality check timer
 */
function resetRealityCheck() {
    if (timerTimeout) {
        clearTimeout(timerTimeout);
    }

    document.cookie = removeCookie(timerCookie);
}

/*
 * Read reality check data from cookie if it exists or
 * provide default values
 */

function getGameCheck() {
    var gameCheckCookie = getCookie(gameCookie);
    var pCookieData = {
        phours: 0,
        pminutes: 0
    };

    var seconds = Math.floor((gameCheckCookie / 1000) % 60);
    pCookieData.pminutes = Math.floor((gameCheckCookie / (60 * 1000)) % 60);
    pCookieData.phours = Math.floor((gameCheckCookie / (60 * 60 * 1000)) % 60);


    return pCookieData;
}

function getRealityCheck() {
    var realityCheckCookie = getCookie(timerCookie);
    var cookieData = {
        thours: 0,
        tminutes: 0,
        trepeat: 0,
        tstarted: 0
    };

    if (realityCheckCookie !== undefined && realityCheckCookie !== null) {
        realityCheckCookie = JSON.parse(realityCheckCookie);
        cookieData.thours = parseInt(realityCheckCookie.thours);
        cookieData.tminutes = parseInt(realityCheckCookie.tminutes);
        cookieData.trepeat = (realityCheckCookie.trepeat === 'off' || realityCheckCookie.trepeat === undefined) ? 0 : 1;
        cookieData.tstarted = parseInt(realityCheckCookie.tstarted);
    }

    return cookieData;
}

/*
 * Reality Check timer values form popup
 */
function showTimerPopup(e) {
	e.preventDefault();

    var selectedHours,
            selectedMinutes,
            repeatChecked = '',
            realityCheckData = getRealityCheck(),
            actionDisabled = 'disabled';

	jurisdiction = 'mga';
    jurisdictionHours = jurisdiction === 'mga' ? 1 : 0;
    jurisdictionMinutes = jurisdiction === 'mga' ? 0 : (jurisdiction === 'ukgc' ? 0 : 15);
    minHour = getCookie(timerCookie) ? realityCheckData.thours : jurisdictionHours;
    minMinutes = getCookie(timerCookie) ? realityCheckData.tminutes : jurisdictionMinutes;

    if (jurisdiction === 'mga' || parseInt(realityCheckData.tstarted) > 0 || minHour || minMinutes) {
        actionDisabled = '';
    }

    if (parseInt(realityCheckData.trepeat) === 1) {
        repeatChecked = 'checked';
    }

    var message = '<div id="timer-holder"><p><span class="timer-wrapper"><span id="thourstext">Hour(s): </span><select id="thours" class="timer">';
    for (i = 0; i <= 23; i++) {
        selectedHours = (i === minHour || i === realityCheckData.thours) ? ' selected' : '';
        message += '<option' + selectedHours + '>' + i + '</option>';
    }

    message += '</select></span><span class="timer-wrapper"><span id="tminutesstext">Minute(s): </span><select id="tminutes" class="timer">';

    for (i = 0; i <= 60; i++) {
        selectedMinutes = (i === minMinutes || i ===  realityCheckData.tminutes) ? ' selected' : '';
        message += '<option' + selectedMinutes + '>' + i + '</option>';
    }

    message += '</select></span><span class="timer-wrapper"><span id="repeattext">Repeat: </span> <input type="checkbox" id="trepeat" '+ repeatChecked +' class="timer"/></span></p>';
    message += '<div class="action"><a href="#" id="tset" ' + actionDisabled + '>Set Reminder</a></div>';

    // not elegant solution but solves firefox problem.
    if ($('#my-account-modal').length && $.browser.mozilla) {
        $('#my-account-modal').modal('hide');
    }

    popup('300','Timer',message,'false','true','set-timer-check-popup');
}

function recordTermsAccepted(terms, callback){
        $.ajax({
            type: "POST",
            url: "/ajax/ajaxhandler.php",
            data: { req: 'customrecord', type: 'terms', details: terms },
            success: function(data) {
                console.log(data);

                if(callback && typeof callback == "function"){
                    callback(true);
                }
            }
        });
    }

//Verify submission of phone number
function verifySubmitNumber()
{
    //prevent submit being double clicked.
	$('#phone_submit_btn').prop('disabled',true);

    var msg = 'A verification code has been sent to your mobile, please proceed to Step 2.';

    $.ajax({
        type: 'POST',
        url: '/ajax/ajaxhandler.php',
        data: { req: 'verify', sender: 'number', country: $("#country").val(), number: $("#number").val() },
        dataType: 'json',
        success: function (jsonRsp) {
            if(!jsonRsp.status)  //failed.
                msg = jsonRsp.error;

                $('#verify_step1').html('<p>'+msg+'</p>');
        }
    });

	return false;
}

// Disables the withdrawal form
function disableBankTransferOnMethod(methodToDisable) {
   var selectedMethod = $('#method option:selected').val();
   var formMustBeDisabled = selectedMethod === methodToDisable;
   [
      'input[name="details[password]"',
      'input[name="details[amount]"',
      'input[name="details[params][account]"',
      'input[name="details[params][fi]"',
      'input[name="details[params][transit]"',
      'input[name="details[params][acct]"',
      'input[name="details[params][accountType]"',
      'input[name="details[params][bank]"',
      'input[name="details[params][iban]"',
      'input[name="details[params][address]"',
      'input[name="details[params][bic]"',
      'button[name="submit"',
   ].forEach(elementKey => {
      if (formMustBeDisabled) {
         $(elementKey).attr('disabled','disabled');
      } else {
         $(elementKey).removeAttr('disabled');
      }
   })
}

function setStatusMsg(id, message, status){
    $('#'+id).html(message);

    if(status)
        $('#'+id).addClass('success').removeClass('error');
    else
        $('#'+id).addClass('error').removeClass('success');
}

function showMainLoader(){
    $('body').append('<div class="main-loader"></div>');
}

function hideMainLoader(){
    $(".main-loader").remove();
}

var referAFriendReset = function(html){
  $('#refer-a-friend-page').html(html);
};

// Refer a friend
$(document).ready(function(){

  $('body').on('submit', '#refer-a-friend', function(e) {
    e.preventDefault();

    formProperties = $('#refer-a-friend').serializeArray();

    formProperties.push({
      name: 'req',
      value: 'referafriend'
    });

    $.ajax({
      type:'POST',
      url: '/ajax/ajaxhandler.php',
      data: formProperties,
      dataType: 'json'
    })
    .done(function(data) {

      data.success = data.success == 1;

      var referAFriendPage = $('#refer-a-friend-page').html(),
          referAFriendSuccessMessage = '<p>All done! We have invited your friend!</p>',
          referAFriendFailureMessage = '<p>Internal error has occured, please contact support</p>',
          tryAgainOrSendAnother = data.success ? 'Send another' : 'Try again';

      $('#refer-a-friend-page').html(data.success ? referAFriendSuccessMessage : referAFriendFailureMessage);

      $('#refer-a-friend-page').append(
        $('<div />').append(
          $('<button />').click(function(){
            referAFriendReset(referAFriendPage);
          }).addClass('button_raf').html(tryAgainOrSendAnother)
        )
      );

    });
  });
});

function isGBUser(){
    return 0;
}

var openPageAsModal, DynamicRedirect;

openPageAsModal = DynamicRedirect = function openPageAsModal(page, $modal) {

    $.ajax({
        url: '/index.php?page=' + page + '&content=1',
        type: 'GET'
    }).done(function (data, statusText, xhr) {

        var XHRpage = xhr.getResponseHeader('x-whg-cms-page');

        if (XHRpage == page) {

            if($modal.length > 0){

                // Default to my-account-modal ID
                if(!$modal){
                    $modal = $("#my-account-modal");
                }

                $modal.modal();
                $modal.find(".modal-body").html(data);
            }

        } else {
            window.location.replace('/index.php?page=' + page);
        }
    });
}

//Curacao License Check.
$(document).ready(function(){
    var firstP = $("div p:first-child")[0];
    var curacaoText = (typeof firstP != 'undefined') ? firstP.innerText : '';
    if(curacaoText.indexOf("website has been suspended") != -1){
        $("div").first().remove();
        setCookie('curacao_block',1,1);
        location.reload();
    }
});

//Number input validation
$(document).ready(() => {
    const inputs = document.querySelectorAll('.money-input-with-validation');

    const preventInvalidKeys = (event) => {
        if (['e', '+', '-'].includes(event.key?.toLowerCase())) {
            event.preventDefault();
        }
    };

    const limitDecimalPlaces = (input) => {
        const value = input.value;

        if (value.includes('.')) {
            const [integer, decimals] = value.split('.');
            input.value = `${integer}.${decimals.slice(0, 2)}`;
        }
    };

    const sanitizeInput = (inputValue) => {
        if (inputValue.includes('.')) {
            const [integer, decimals] = inputValue.split('.');
            return `${integer}.${decimals.slice(0, 2)}`;
        }

        return inputValue;
    };

    const handlePasteOrDrop = (event, input) => {
        event.preventDefault();
        const data = event.clipboardData?.getData('text') || event.dataTransfer?.getData('text') || '';
        const sanitizedData = data.replace(/[eE+-]/g, '');
        const cursorPosition = input.selectionStart || 0;

        input.value = sanitizeInput(
            `${input.value.slice(0, cursorPosition)}${sanitizedData}${input.value.slice(cursorPosition)}`
        );
    };

    inputs.forEach((input) => {
        input.addEventListener('keydown', preventInvalidKeys);
        input.addEventListener('input', () => limitDecimalPlaces(input));
        input.addEventListener('paste', (event) => handlePasteOrDrop(event, input));
        input.addEventListener('drop', (event) => handlePasteOrDrop(event, input));
    });
});


$(function() {

	const header = 'Do you want to set your monthly deposit limit?';

	const msg = `
<div class='col-7 col-xs-6 deposit-limit-popup-limit-input-holder'>
	<div class='input-group'>
		<input class='form-control deposit-limit-popup-input' />
		<div class='input-group-append'>
			<span class='input-group-text'>€</span>
		</div>
	</div>
</div>
<div class='col-12 col-xs-12 text-left text-danger small deposit-limit-popup-error'></div>
<div class='col-12 col-xs-12 text-left small deposit-limit-popup-limit-holder'>
	<a href='#' class=deposit-limit-popup-limit-btn>Request Limit</a>
</div>
<div class='col-12 col-xs-12 deposit-limit-popup-request-divider-holder'>
	<span class='border-bottom col-4 col-md-5 pb-0 pb-sm-3 deposit-limit-popup-divider'></span>
	<span class='col-2 col-md-2 pb-0 pb-sm-3 deposit-limit-popup-divider deposit-limit-popup-request-divider-text'>or</span>
	<span class='border-bottom col-4 col-md-5 pb-0 pb-sm-3 deposit-limit-popup-divider'></span>
</div>
<div class='col-12 col-xs-12 text-center mb-3 mt-3 deposit-limit-popup-request-dismiss-holder'>
	<a href='#' id='generic-submit' class='btn primary-button deposit-limit-popup-dismiss-btn'>Do it Later</a>
</div>`;

	if(window.location.search == "?popup" && false) {

		// 0 fallback to prevent breaking js when logged out
		const userGlobalId = 0;

		// init minDeposit value, with fallback
		minDeposit = 1;
    	callPlatformAPI("deposit-minimum", {brand: 'hellocasino'}).then(function(response) {
			if(response.minAmount) {
				minDeposit = parseInt(response.minAmount);
			}
		});

    	callPlatformAPI("interactions/show", {globalId: userGlobalId}).then(function(response) {
    		if(response.interaction) {

				let interaction = response.interaction;

				popup('310', header, msg, 'false', 'false');

				const dismissBtn = $('.deposit-limit-popup-dismiss-btn');
				const setLimitBtn = $('.deposit-limit-popup-limit-btn');
				const setLimitInput = $('.deposit-limit-popup-input');
				const popupError = $('.deposit-limit-popup-error');

				let request = { globalId: userGlobalId, id: interaction.id };

				function onDismiss() {
					// in case user hits validation in depositlimitset and decides to dismiss, clean request.
					delete request.limit;

					request["choice"] = 'NONE';

					completeInteraction();
				}

				function onDepositLimitSet(event) {

					// prevent any page reloading and just stop if validation fails
					event.preventDefault();

					if(validatePopup()) {
						request["choice"] = 'deposit_limit';
						request["limit"] = {
							period: 'monthly',
							value: parseInt(setLimitInput.val())
						}

						completeInteraction();
					}
				}

				function completeInteraction() {

			    	callPlatformAPI("interactions/complete", request).then(function(response) {
			    		// redirect to cashier
						if(response.type !== "error") {
							window.location.href = "/deposit";
						}
			        });
				}

				function onInputClick() {
					if(setLimitInput.val() === "") {
						setLimitInput.val('1000'); // set at 1000 only when user clicks the input
					}
				}

				function onInputChange() {
					setPopupError('clear');
					validatePopup();
				}

				function validatePopup() {

					// empty validation
					if(setLimitInput.val().trim() == "") {
						setPopupError('clear');
						return false;
					}

					// nan value validation
					if(isNaN(Number(setLimitInput.val()))) {
						setPopupError('nan');
						return false;
					}

					// max value validation
					if(setLimitInput.val() > 1000) {
						setPopupError('max');
						return false;
					}

					// min value validation
					if(setLimitInput.val() < minDeposit) {
						setPopupError('min');
						return false;
					}

					return true;
				}

				function setPopupValidationStyling(type) {

					if(type === 'clear') {
						setLimitInput.removeClass("validationFailed");
					} else {
						setLimitInput.addClass("validationFailed");
					}
				}

				function setPopupError(type) {

					let min = 'Deposit must be minimum €xxx';
					min = min.replace("xxx", minDeposit);

					let nan = 'Enter value between €xxx and €1000';
					nan = nan.replace("xxx", minDeposit);

					const errors = {
						min: min,
						max: '€1000 maximum deposit limit',
						nan: nan,
						clear: ''
					}

					popupError.html(errors[type]);
					setPopupValidationStyling(type);
				}

				// event binding
				dismissBtn.click(onDismiss);
				setLimitBtn.click(onDepositLimitSet);
				setLimitInput.click(onInputClick);
				setLimitInput.keyup(onInputChange);
    		}
        });
	}
});

$(function() {
	$(".limit-history-button, .limit-history-modal-close").click(function() {
		$("#limitHistoryModalOverlay").toggleClass("hide");
	})
});

$(function() {

	// check for gb-form class which is only applied for gb users.
    $("body").on('click', '#selfexclude-form #generic-submit.gb-form', function(e) {

        e.preventDefault();

        title = "Do you wish to proceed?";

                message = `
<p><strong>Please note that once you self-exclude, you are not permitted to play or open any other account on the network.</strong></p>
<p class='brandLogos' style='min-height:190px'></p>
<p>Should you proceed, we strongly recommend you also register with <a href=\'https:\/\/www.gamstop.co.uk/\' target=\'_blank\'><strong>GAMSTOP</strong></a>.</p>
<p>Other player protection tools are available <a href=\'\/?page=playerprotection\'><strong>here</strong></a>.</p>
<div class=\'action\'>
	<a href='#' id=\'self-exclude-confirm\'>YES</a>
	<a href=\'\/?page=playerprotection\'>GO TO OTHER TOOLS</a>
</div>`;

        $('#selfexclude-form')[0].reportValidity();

        if($('#selfexclude-form')[0].checkValidity()) {
            popup('460!important', title, message, 'false', 'true');
        }

        brandLogoTemplate = "<img src=\'\/\/scontent-wh.whitehatgaming.com\/images\/casino-logos\/square\/BRAND_LOGO.jpg\' width=\'BRAND_LOGO_WIDTH\' height=\'BRAND_LOGO_HEIGHT\' />";
        imgSize = is_mobile ? 35 : 45;
        brandLogoTemplate = brandLogoTemplate.replace("BRAND_LOGO_WIDTH", imgSize).replace("BRAND_LOGO_HEIGHT", imgSize);

		$.ajax({
			type: 'GET',
			url: '/ajax/ajaxhandler.php',
			data: {
				req: 'brands',
				type: 'getUkBrandNames', // Get only UK brands since this form is only for UKGC
			},
            success: function(data) {

            	if(!data.error) {
            		let brands = data;
            		let brandLogosHtml = "";

            		for(brand of brands) {
            			tempBrandLogoTemplate = brandLogoTemplate;

            			brandLogosHtml += tempBrandLogoTemplate.replace("BRAND_LOGO", brand.name.toLowerCase());
            		}

                    $(".brandLogos").html(brandLogosHtml);

                    // reset vertical centering after height change due to logos (mobile small screen fix)
                    $('#popupBox').css('margin-top', ('-' + $('#popupBox').outerHeight() >> 1) + 'px');
            	}
            }
		})

     });

    $("body").on('click', '#self-exclude-confirm', function(e) {

        e.preventDefault();

        close_popup();

    	var res = document.getElementById('selfexclude-form').submit(); // Simulate submit click

	});

    // Bonus Spins click handlers to close popup
    $("body").on('click', '.popupBoxBonusSpins a.bonus-spins-close-popup, .action-play', function(e) {
        close_bonus_spins_popup('POPUP_BOX_BONUS_SPINS_X_CLICKED', true);
    });
    $("body").on('click', '.popupBoxBonusSpins #dont-remind-me', function(e) {
        close_bonus_spins_popup('POPUP_BOX_BONUS_SPINS_DO_NOT_REMIND_ME_CLICKED', new Date().toISOString()); // timestamp UTC
    });
    $("body").on('click', '#overlay.overlay-popup-bonus-spins', function(e) {
        close_bonus_spins_popup('POPUP_BOX_BONUS_SPINS_X_CLICKED', true);
    });
});

function getRealityCheckWinLoss() {
    var currencySymbol = '&#8364;';
    var sessionResult;
    var sessionWin;
    var sessionLoss;

    callPlatformAPI('getrealitycheckwinloss', {}).done(function (data) {

        if (data.hasOwnProperty('session')) {
            var winLoss = (data.session.win * 10 - data.session.loss * 10) / 10;
            sessionResult = currencySymbol + Number.parseFloat(winLoss).toFixed(2);
            $('.sessionResult').html(sessionResult);
        }

        if (data.hasOwnProperty('session')) {
            if (data.session.hasOwnProperty('win')) {
                sessionWin = currencySymbol + Number.parseFloat(data.session.win).toFixed(2);
                $('.sessionWin').html(sessionWin);
            }

            if (data.session.hasOwnProperty('loss')) {
                sessionLoss = currencySymbol + Number.parseFloat(data.session.loss).toFixed(2);
                $('.sessionLoss').html(sessionLoss);
            }
        }
    });
}
function startPnPJourney() {
    window.localStorage.setItem('pnpJourney', 'PNP_JOURNEY_STARTED');
}
function endPnPJourney() {
    window.localStorage.setItem('pnpJourney', 'PNP_JOURNEY_END');
}
function clearPnPJourney() {
    window.localStorage.removeItem('pnpJourney');
}
function confirmRealityCheck(pAction) {
    callPlatformAPI( 'reality-check-confirm', {sessionid: '', action: pAction});
}

$(document).ready(function() {
    // Remove the `cashier=1` query param to prevent to open it again when page reloads.
    // Trying for 5 seconds max to find out the cashier element
    // Doing through polling strategy since no event available afaik
    const url = new URL(location);
    if (url.searchParams.has("cashier") === true) {
        let i = 50;
        const intervalObj = setInterval(() => {
            const el = document.getElementById('cashier-ui-close');
            el?.addEventListener('click', (event) => {
                url.searchParams.delete('cashier');
                history.pushState({}, "", url);
            });
            if (i <= 0) {
                console.warn('Cashier UI not found, cannot add handler to prevent to open it again once page reloads');
            }
            if (el || --i < 0) {
                clearInterval(intervalObj);
            }
        }, 100);
    }
})

$(document).ready(function() {
    if (window.zE) {
      zE('messenger:on', 'open', () => document.body.classList.add('zendesk-open'))
      zE('messenger:on', 'close', () => document.body.classList.remove('zendesk-open'))
    }
});

window.fetchUserDetailsExtraData = {}; // Intended to add more data according the page.
window.fetchUserDetails = function() {
    // Method for debugging purpose from browser console
    var user = {"on_vpn":false,"jurisdiction":"mga"};
    var device = $('body').attr('data-device-type');
    const ip = '84.95.242.37';
    var isBlocked = $('body').attr('data-whg-page-id') == 'blockedcountry' ? 'yes' : 'no';
    var cookiePolicy = $('body').attr('data-cookie') == '0' ? 'show' : 'hide';
    var userType = '' ? 'new_user' : 'returning_user';

    return {
        user,
        details: {
            user_type: userType,
            username: user?.username,
            funded: user?.funded,
            deposit_count: user.depositInfo?.count,
            date_registered: user.details?.created,
            cash_balance: user?.balance,
            bonus_balance: user?.bonus_balance,
            real_balance: user?.balances,
            bonuses_available: user?.bonusesAvailable,
            jurisdiction: 'mga',
            country_code: 'IL',
            country_blocklist: isBlocked,
            currency: 'EUR',
            language_code: 'en',
            cookie_policy: cookiePolicy,
            device: device,
            session_id: '',
            ip_address: ip,
            maintenance_mode: 'unknown',
            maintenance_whitelis : 'unknown',
            PNP_style: 'DIRECT',
        },
        brandId: '84',
        endpoints: {
            platform: 'platform.whitehatgaming.com',
            games: 'games.caddelllimited.com',
            gamesApi: GAMES_API,
            payments: 'payments.whitehatgaming.com',
            sharedContent: 'scontent-wh.whitehatgaming.com',
            lookupService: 'lookup-service.whitehatgaming.com',
        },
        extraData: Object.keys(fetchUserDetailsExtraData).length !== 0 ? fetchUserDetailsExtraData : null,
    };
}


// Redirect to redirectUrl after finish an rg interaction
$(document).ready(function(){
    const params = new URLSearchParams(window.location.search);
    const redirectParam = params.get('redirect-after-rg');

    if (redirectParam) {
        try {
            const decodedUrl = decodeURIComponent(redirectParam);

            // Optional safety check (recommended)
            const url = new URL(decodedUrl, window.location.origin);

            // Example: only allow same-origin redirects
            if (url.origin === window.location.origin) {
                console.log('[Redirecting after complete a rg interaction]', url.href);
                window.location.href = url.href;
            } else {
                console.warn('Blocked external redirect:', url.href);
            }
        } catch (err) {
            console.error('Invalid redirect URL', err);
        }
    }
});

// Reload if the page was served to a guest but the user has since logged in (BFCache stale state)
window.addEventListener('pageshow', (event) => {
    if (event.persisted) {
        var wasLoggedIn = false;
        var sessionid = getCookie("sid");
        callPlatformAPI("getuserdetails", { sessionid }).then(function(response) {
            var isLoggedIn = response.sessionid === sessionid && response.type !== 'error';
            if (isLoggedIn && !wasLoggedIn) {
                location.reload();
            }
        });
    }
});

// Drop a stale platform session cookie when the page was served logged out.
// The sid cookie lives 25h while the PHP session dies with the browser, so a player who closes the
// browser while logged in comes back with a sid the site can no longer consider valid, and that value
// would otherwise be sent to the PnP widget on deposit. Only remove it once the platform confirms the
// session is dead; a valid session is left untouched.
function clearStaleSidCookie() {
    removeCookie('sid'); // PHP cookie on the site domain
    removeCookie('sid', false); // host-only duplicate
    document.cookie = 'sid=; domain=' + window.location.host + '; path=/; expires=Thu, 01 Jan 1970 00:00:01 GMT'; // Angular SessionService variant on www. hosts
}

(function () {
    var wasLoggedIn = false;
    var sessionid = getCookie('sid');
    if (wasLoggedIn || !sessionid) {
        return;
    }
    callPlatformAPI('getuserdetails', { sessionid }).then(function (response) {
        var isSessionValid = response && response.type !== 'error' && response.sessionid === sessionid;
        // Re-read the cookie: a PnP login may have replaced it while the check was in flight.
        if (!isSessionValid && getCookie('sid') === sessionid) {
            clearStaleSidCookie();
        }
    });
})();
var CONFIG_LANGUAGES = 'en,no,fi,de,es,fr';var CONFIG_LANGUAGES_CA_ONT = 'en,fr';